html{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #000;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, input, div, span{border:0; margin:0; padding:0;}

body#main{
	background: #FFF url(Gx/bg_main.gif) repeat-x 0px 0px;
	text-align:center;}

body { behavior: url("inc/csshover3.htc"); } 
	
h1{
	color: #222140;
	font-size: 17px;
	display: block;
	font-weight: bold;}
	
h2{
	font-size: 12px;
	color: #222140;
	font-weight: bold;
	display: block;
}

h3{
	font-size: 13px;
	color: #222140;
	font-weight: bold;
	display: block;
}

h2.h2membre{
	font-size: 14px;	
		color: #737373;
}

a, a:link, a:visited{
	font-weight: bold;
	color: #60a0d2;	
	text-decoration: none;
	outline: none;} 
a:hover{
	color: #000;
	}

a.link2, a.link2:link, a.link2:visited{
	font-weight: bold;
	color: #222140;	
	text-decoration: none;
	} 
a.link2:hover{
	text-decoration: underline;
	}	
	
a.link3, a.link3:link, a.link3:visited{
	font-weight: normal;
	color: #2a85d1;	
	text-decoration: underline;
	font-size: 11px;
	} 
a.link3:hover{
	text-decoration: none;
}		

a.link4, a.link4:link, a.link4:visited{
	font-weight: normal;
	color: #2a85d1;	
	text-decoration: underline;
	font-size: 12px;
	} 
a.link4:hover{
	text-decoration: none;
}	
	
	
#container{
	
	margin: 0 auto;
	width: 960px;}

#header{
	background: transparent url(Gx/bg_header.gif) no-repeat bottom right;
	position: relative;
	width: 960px;
	height: 159px;}

#aqta{
	position: absolute;
	top: 42px;
	left: 10px;
}

#slogan{
	position: absolute;
	top: 82px;
	right: 0px;
}

#bgheader2{
	position: absolute;
	top: 27px;
	right: -16px;
}

#menutop{
	position: absolute;
	top: 0px;
	left: 0px;
	color: #434167;	
	width: 943px;
	height: 27px;
	line-height: 27px;
	text-align: right;}
#menutop a, #menutop a:link, #menutop a:visited{
	color: #8fafc8;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;}
#menutop a.actif, #menutop a.actif:link, #menutop a.actif:visited, #menutop a.actif:hover{
	color: #FFF;}
#menutop a:hover{
	color: #FFF;}

#outermenu{

	background: transparent url(Gx/bg_outermenu.gif) no-repeat top left;
	width: 960px;
	height: 100px;
	position: relative;
}	
	
	
#menu{
	background: transparent url(Gx/M/bg_menu.gif) no-repeat top left;
	width: 960px;
	height: 66px;	}
#menu ul{
	list-style-type: none; }
#menu li{
	position:relative;
	float: left;
	height: 66px;
	}

/* dropdown */	
#menu li ul{ visibility:hidden; position:absolute; top:66px; }
#menu li:hover ul{
	visibility:visible;
	z-index:10;float:left; width:200px;
}
#menu li ul li{ height:25px; }
#menu li ul li a, #menu li ul li a:link, #menu li ul li a:visited{ 
background-color:#3a4c76;
border-bottom:1px solid #3a4c76;
border-right:1px solid #3a4c76;
border-left:1px solid #3a4c76;
padding: 0 0 0 10px;
min-width:200px;
_width:200px;
height:24px;
line-height: 22px;
text-align:left;
}

#menu li ul li a.demarquation{border-bottom:1px solid #f9f9f9;min-width:190px;_width:190px; padding:0 5px 0 5px; margin:0 5px 0 5px; background-color:#3a4c76;}
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }


	
#menu a, #menu a:link, #menu a:visited{
	display: block;
	height: 66px;	
	line-height: 66px;
	overflow: hidden;
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	text-align: center;}
#menu a.actif, #menu a.actif:link, #menu a.actif:visited, #menu a:hover{
	color: #60a0d2;	}
a#menu1{	width: 159px;}
a#menu2{	width: 160px;}
a#menu3{	width: 160px;}
a#menu4{	width: 160px;}
a#menu5{	width: 160px; position: relative;}
a#menu5 span{
	position: absolute;
	top: 14px;
	left: 39px;
	height: 66px;
	line-height: 66px;
}
a#menu6{	width: 161px;}
	
#sousmenu{
	/*
	position: absolute;
	top: 66px;
	left: 18px;
	*/ 
	float:left;
	margin-left:18px;
	width: 592px;
	height: 34px;
	line-height: 34px;
	text-align: left;
	color: #434167;
}


#sousmenu a, #sousmenu a, #sousmenu a:visited{
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
#sousmenu a.actif, #sousmenu a.actif, #sousmenu a.actif:visited{
	
	color: #8fafc8;
	text-decoration: underline;
}

#sousmenu a:hover{
	color: #8fafc8;
}

#contenu{
	width: 960px;
	background: transparent url(Gx/bg_contenu.gif) repeat-x 0px 3px;
	padding: 3px 0 0 0;}
#left{
	float: left;
	width: 622px;	
	
	text-align: justify;}
#include{
	float: right;
	width: 602px;
	background: none;
}

#include ul{
	list-style-type: disc; }
#include li{
	padding: 0 0 8px 0;
}

#outerright{
	float: right;
	width: 327px;	
	background: none;
	}	
	
#right{
	
	position: relative;
	float: right;
	width: 327px;	
	/*background: transparent url(Gx/bg_right.gif) no-repeat top left;*/
	text-align: justify;
	
	}	

	
#innerright{
	padding: 0 28px 0 19px;
}


#innerright ul{
	margin: 5px 0 0 0;
	/*height: 80px;*/
	background: none;
	list-style-type: none; }
#innerright li{
	float: left;
	padding: 0 0 7px 0;
	display: block;}
#innerright ul a, #innerright ul a:link, #innerright ul a:visited{
	background: transparent url(Gx/00/bullets.gif) no-repeat 4px 8px;
	float: left;
	display: block;
	width: 280px;	
	color: #60a0d2;		
	text-align: left;
	/*height: 25px;*/
	line-height: 20px;
	padding: 2px 0;
}
#innerright ul a:hover{
	background: #F1F1F1 url(Gx/00/bullets.gif) no-repeat 4px 8px;;
	color: #222140;	
}
#innerright ul a span{
	padding: 0 0 0 15px;
	display: block;
}
#innerright ul a span em{
	color: #222140;
	font-style: normal;
}

#outermembre{
	padding: 0 0 0 0px;	
	height: 80px;
}

#partenaire{
	text-align: right;
}


.both{ clear: both;}
.erreur{color: #d6090e;}
.note{	font-size: 11px;}	
.sep{
	background: transparent url(Gx/00/bg_sep.gif) repeat-x 0px 0px;
	height: 8px;
	display: block;}


.imgborded{
	border: 1px solid #dbdbdb;	
	float: left; }
.imgborded img{
	display: block;
	margin: 4px;
}

.imgborded2{
	border: 1px solid #dbdbdb;	
	float: left;
	margin: 0 15px 10px 0; }
.imgborded2 img{
	display: block;
	margin: 4px;
}

.structure{
	padding: 6px 0 0 0;
}

#include ul.docs{
	list-style-type: none; 
	margin: 0px;}
#include ul.docs li{
	padding: 0 0 5px 15px;
	background: transparent url(Gx/00/bullets.gif) no-repeat 3px 5px;
}

ul.sitemap{
	list-style-type: disc; 
	margin: 0 0 0 20px;}
ul.sitemap li{
	padding: 0 0 5px 0;
}

.publication{
	padding: 6px 0 0 0;
}

#infos{
	background: transparent url(Gx/00/bg_infos.gif) no-repeat 0px 0px;
	/*background: Fuchsia;*/
	position: relative;
	width: 300px;
	height: 155px;
	text-transform: uppercase;
	color: #2a85d1;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid #dedede; }
#infostxt{
	position: absolute;
	top: 3px;
	left: 59px;
	width: 213px;
	background: none;
}
#infostxt span{
	display: block;
	padding: 8px 0 0 0;
}

#infostxt span div{
	padding: 6px 0 0 0;
}

#nouvellesliste{
	list-style-type: none; 
	width: 250px;
	background: none;
	text-align: left;

}
#nouvellesliste li{
	background: transparent url(Gx/00/bullets.gif) no-repeat 1px 6px;
	list-style-type: none; 
	padding: 0 0 10px 14px;	
}
#nouvellesliste li span{
	display: block;
	padding: 0 0 4px 0;
}

a#rss, a#rss:link, a#rss:visited{
	background: transparent url(Gx/rss.gif) no-repeat top right;
	font-weight: bold;
	text-align: left;
	width: 45px;
	height: 18px;
	font-size: 11px;
	line-height: 18px;
	color: #fd8300;
	display: block;
	float: right;}
a#rss:hover{
	text-decoration: underline	
}

.listing1{	list-style-type: none; }
.listing1 li{
	
	padding: 0 0 5px 12px;}
.listing1 li.actif{
	background: transparent url(Gx/00/bullets.gif) no-repeat 0px 5px;
}
	
	
.listing1 a, .listing1 a:link, .listing1 a:visited{
	
}
.listing1 a:hover{
	
}

.txtdate{
	color: #999999;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.txtdate span{
	color: #636363;
}

#realisationcontainer{
	position: relative;
}

.membrewraper{
	border-bottom: 1px solid #CCC;	
	padding: 5px 0 0 0;
	text-align: justify;
}

.membreleft{	
	float: left;
	width: 400px;
	background: none;			}
.membreleft .innermembre{
	width: 370px;
}
	
.membreright{
	float: left;
	width: 202px;
	background: none;
	text-align: left;
	overflow: hidden;}
	
.membrewraper .more{
	float: right;
	width: 202px;}
	
.membrewraper .more a, .membrewraper .more a:link, .membrewraper .more a:visited{
	display: block;
	/*background: #222140;*/
	border: 1px solid #b2b2b2;
	width: 202px;
	color: #8fafc8;
	color: #222140;
	height: 25px;
	line-height: 25px;
	text-align: left;
	text-decoration: none;
	font-weight: bold;	
		
}
.membrewraper .more a:hover{
	background: #222140;
	color: #FFF;
} 
.membrewraper .more span{
	padding: 0 10px 0 10px;
}

#include .abc{
	list-style-type: none; 	}
#include .abc li{
	list-style-type: none;
	float: left;
	padding: 1px;
	margin: 0 2px 0 0;
	background: #7f7f7f;}	
#include .abc a, #include .abc a:link, #include .abc a:visited{
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	background: #F1F1F1;
	color: #575757;
	text-decoration: none;
	text-align: center;
	font-weight: bold;}
#include .abc a:hover, #include .abc a.actif, #include .abc a:link.actif, #include .abc a:visited.actif{
	background: #575757;
	color: #FFF;}	
	
.partenaire img{
	float: left;
	margin: 0 25px 0 0;
	border: 1px solid #EEE;
	}
	

.thumbs{
	float: left;
	width: 110px;
	margin: 0 0 10px 0;
	cursor: pointer;
	background: none;}
.thumbs img{
	display: block;}
.thumbs a {
	border: 1px solid #CCC;
	height: 70px;
	overflow: hidden;
	display: block;
	float: left;
	/*margin: 1px 0;*/	}
.thumbs a:hover{border: 1px solid #F00;}		

#nextback{
	font-size: 11px;
	background: none;
	width: 540px;
	text-align: center;}
#nextback a, #nextback a:link, #nextback a:visited{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #295787;}
#nextback a:hover{
	color: #3b2314;
	/*text-decoration: underline*/	}

.outergooglemap{
	float: right;
	width: 300px;
	text-align: center;	}
.googlemap{
	width: 300px;
	float: right;
	height: 255px;	
	background: #CCC;}	
.googlemap .inner{
	margin: 2px 0 0 2px;}
.googlemap .inner .theMap{
	width:296px;
	height:251px;
	overflow:hidden;}	

.lien{
	list-style-type: disc; 
	margin: 0 0 0 20px;}
.lien li{
	padding: 0 0 5px 0;}	

	
.innerleft{
	float: left;
	background: none;
	padding: 11px 0 0 0;
	width: 283px;}

.innerright{
	float: right;
	background: none;
	width: 300px;}
	
.innerleft2{
	float: left;
	width: 205px;
	background: none;}
	
.innerright2{
	float: right;
	background: none;
	width: 361px;	
}	

.innerleft3{
	float: left;
	width: 285px;
	background: none;}
	
.innerright3{
	float: right;
	background: none;
	width: 285px;	
}	

.innerleft4{
	float: left;
	width: 280px;
	background: none;}
	
.innerright4{
	float: right;
	background: none;
	width: 280px;	
}	

.sitemap{
	list-style-type: disc;
	margin: 0 0 0 20px; }
.sitemap ul{
	margin: 4px 0 0 20px;
}
	
#contact fieldset{
	border: 1px solid #BBB;
	width: 600px;
	display: block;
	/*padding: 0px 20px 20px 20px;	*/
	margin: 0px; }
#contact .innerfieldset{
	padding: 0px 20px 20px 20px;
}
#contact .radiohead{
	padding: 0 0 6px 0;
}

#contact legend{
	border: 1px solid #BBB;
	font-weight: bold;
	padding: 2px 6px;
	margin: 0 20px 0 20px;
	/*display: block;*/}	
	
#contact label{ font-weight: bold; float: left; line-height: 14px;}
#contact label.light{
	font-weight: normal;
}
#contact .champTexte{	
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-top: 3px;
	padding-left: 3px;
	height: 18px;
	line-height: 14px;
	display: block;}
#contact .listeDeroulante{
	background: #FFF;
	border: 1px solid #d9d8ca;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-left: 3px;
	height: 17px;
	line-height: 14px;
	display: block;}
#contact .boiteTexte{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 480px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
#contact .checkbox{	
	float: left;
	margin: 0 8px 6px 0;
}
#contact .radio{	
	float: left;
	margin: 0 8px 6px 0;
}
	
#contact .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #004a7c;
	border: 1px solid #5d5d5d;
	color: #fff;
	cursor: pointer;
	width: 75px;
	font-weight: bold;
	padding: 1px 0;}
#contact .bouton:hover{
	background: #FFF;
	color: #004a7c;}

.champCache{ display: none;}
.textePetit{	font-size: 10px; line-height: 115%;}
	

#infoParvenir{
	display: none;
}	

	
#login{
	/*position: absolute;
	top: -8px;
	left: 19px;*/
	background: none;
	width: 327px;
	height: 82px;
	text-align: left;}
#login div{
	position: relative;
	width: 327px;
	height: 72px;}
#login div img{
	position: absolute;
	top: -10px;
	left: 15px;}
#login label{
	position: absolute;
	top: 0px;
	left: 63px;
	color: #CC9E45; }
#login .champTexte{
	background: #FFF;
	border: 1px solid #c5c5c5;
	width: 150px;
	height: 18px;
	position: absolute;
	top: 40px;
	left: 17px;}
#login .bouton{
	background: transparent url(Gx/btn_login.gif) no-repeat top left;
	border: none;
	cursor: pointer;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 40px;
	left: 180px;}
#login .bouton:hover{
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;
	opacity: 0.7;			}
#login #btnlogout{
	position: absolute;
	top: 32px;
	left: 19px; 
}
	
#outerfooter{
	background: #f5f5f5 url(Gx/bg_footer.gif) repeat-x top left;
	text-align: center;
	}
	
#footer{
	margin: 0 auto;
	width: 960px;	
	position: relative;
}	

#footer #logo{
	position: absolute;
	top: 0px;
	left: 380px;
}
	
/*#footer a, #footer a:link, #footer a:visited{
	color: #86826b;
	font-weight: normal;
	text-decoration: none;	}
#footer a:hover, #footer a.actif, #footer a.actif:link, #footer a.actif:visited, #footer a.actif:hover{
	text-decoration: underline;	}	*/

#menubottom{
	float: left;
	width: 480px;
	background: none;
	padding: 42px 0 0 0;
	text-align: left;
}
#menubottom ul{
	list-style-type: none; 
	float: left;
	background: none;}

#menubottom .ul1{
	width: 170px;
}
#menubottom .ul2{
	width: 100px;
}
#menubottom .ul3{
	width: 120px;
}
	
	
	
#menubottom li{
	background: transparent url(Gx/bg_menubottom_li.gif) no-repeat 0px 6px;
	float: left;
	padding: 0 0 0 10px;
}	
	
#menubottom a, #menubottom a:link, #menubottom a:visited{
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #737373;	
	width: 170px;
	float: left;
	display: block;		
}
#menubottom a.actif, #menubottom a.actif:link, #menubottom a.actif:visited{
	text-decoration: underline;	}
#menubottom a:hover{
	color: #000;	}
#copyrights{
	float: right;
	width: 337px;
	background: none;
	padding: 42px 0 0 0;
	text-align: left;}	
#copyrights a, #copyrights a:link, #copyrights a:visited{
	color: #737373;	
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;}
#copyrights a:hover{
	text-decoration:  underline;}
	
#socialBookmarker{
	text-align: left;
	/*padding: 0 0 0 16px;*/}
#bookmarker{}
	
.redevance{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	width: 600px;
	border-collapse: collapse;
	border: none;}
.redevance th{
	background: #4f8fc8;
	color: #FFF;
	padding: 2px 0 2px 6px;
	border-right: 1px solid #FFF;
	/*border-bottom: 1px solid #FFF;*/}
.redevance th#lettre{
	width: 25px;
	padding: 2px 0;}
.redevance .noborder{
	border-right: none;}
.redevance td{
	text-align: left;
	padding: 2px 0 2px 6px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;}
.redevance td.lettre, .redevance .tr2 td.lettre{
	text-align: center;
	padding: 2px 0 2px 0;
	background: #000;
	color: #FFF;
	font-weight: bold;}
.redevance .tr2 td{
	background: #F1F1F1;}


#imageXfadeContainer {
	position:relative;
	/*margin:auto;*/
	/*float: left;*/
	/*height: 81px;*/
}

#imageXfadeContainer img {
	overflow: hidden;
	display:none;
	position:absolute;
	top:5px;left: 10px;}

.colleft{
	float: left;
	width: 185px;
	background: none;
	text-align: left;
}

.colright{
	float: left;
	width: 350px;
	background: none;	
	text-align: left;
}
	
/* Liens Categories */ 
.categorieHeader{ color: #222140; font-size: 17px; display: block; font-weight: bold; float:left; }
.categorieOuvreFerme{ margin: 0 0 0 15px; }
.categorieOuvreFerme:hover{ text-decoration:underline; cursor:pointer; }
	
.categorieListe{ margin: 10px 0 0 0;}