/* ---------- Général ---------- */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto 0 auto;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #eeeeee;
}

div#page {
	position: relative;
	width: 980px;
	margin: 0 auto 40px auto;
	background: #fcfcfc;
	z-index: 5;
}


div#pageBloc {
	position: fixed;
	z-index: 3000;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
	div#pageBloc div.no_site {
		position: fixed;
		z-index: 3001;
		display: block;
		top: 50%;
		left: 33%;
		font-size: 28px;
		color : #000000;
		background : #FFFFFF;
		padding : 10px;
		font-weight: 900;
		text-align: center;
	}

/* Element commun */

img { border:0; vertical-align: text-bottom; margin:0; padding:0; }
.clear { clear: both; }
.block { display:block; }
.inline{ display:inline; }
.bold { font-weight: bold; }
.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }
a {	text-decoration: none; }
a:hover { text-decoration:underline; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }


/******* ESPACEMENTS *********/
.paddingTop2 { padding-top: 4px; }
.paddingTop10 { padding-top: 10px; }
.paddingTop25 { padding-top: 25px; }
.paddingTop35 { padding-top: 35px; }
.paddingLeft10 { padding-left: 10px; }
.paddingLeft200 { padding-left: 200px; }
.paddingLeft74 { padding-left: 74px; }
.paddingBottom10 { padding-bottom: 10px; }
.paddingBottom15 { padding-bottom: 15px; }


/******* COULEURS *********/
.color1 { color: #ffffff; } /* Blanc */
.color2 { color: #000000; } /* Noir */
.color4 { color: #3c3f42; } /* Noir2 */
.color7 { color: #2b2b2b; } /* Noir3 */
.color3 { color: #ffd301; } /* Jaune */
.color5 { color: #fe96d9; } /* Rose */
.color6 { color: #84106e; } /* Violet */


/******* TAILLE *********/
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size16 { font-size: 16px; }
.size17 { font-size: 17px; }
.size18 { font-size: 18px; }


/******* POLICES *********/
.verdana { font-family: "Verdana", sans-serif; }

/******* PUCES *********/

.puce_contactG {
	padding-left: 11px;
	background: url("images/puce_contactG.gif") 0 5px no-repeat;
}

.puce_contactD {
	padding-right: 10px;
	background: url("images/puce_contactD.gif") right 5px no-repeat;
}

.puce_flecheNoire {
	background: url("images/flechenoire.gif") 0 2px no-repeat;
	padding-left: 14px;
}

.puce_flecheGrise {
	background: url("images/flechegrise.gif") 0 2px no-repeat;
	padding-left: 14px;
}

.puce_flecheBlanche {
	background: url("images/flecheblanc.gif") 0 2px no-repeat;
	padding-left: 14px;
}




/**********************
*		HAUT		  *	
**********************/	

div#haut{
	position:relative;
	width: 980px;
   	height: 225px;
   	background: url("images/haut_fond.jpg") 0 0 no-repeat;
}	

		div#haut div#logo {
			position: absolute;
			top: 0;
			left: 0;
		   	width: 325px;
		   	height: 100px;
		  	background: url("images/haut-fond.gif") 0 0 no-repeat #ffffff;
		}
			
				div#haut div#logo h1 a{
					display:block;
					padding:35px 0 30px 25px;
					color:#FBE300;
					font-size: 28px;
					font-weight:normal;
					font-family:Arial, sans-serif;
					text-decoration:none;
				}
				
				div#haut div#logo h1 a span#com{
					font-size: 14px;
					color: #FFFFFF;
					font-weight:bold;
				}
				
		div#haut div#haut-contact {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 171px; /* 191 */
			height: 73px; /* 85 */
			padding: 6px 10px;
			background: url("images/haut-contactFond.jpg") 0 0 no-repeat;
		}

		
/**********************
*		CONTENEUR	  *	
**********************/	

div#conteneur{
	width: 980px;
}

			
/**********************
*		TRACKER		  *	
**********************/		
			
div#tracker {
	width: 920px; /* 980 */
	height: 27px; /* 39 */
	margin-bottom: 20px;
	padding: 12px 0 0 60px;
	background: url("images/tracker_fond.jpg") 0 0 repeat-y;
	color:#888888;
}
		
		div#tracker a, div#tracker span {
			color:#000000;
		}
		
		
/**********************
*	FOOTER REF		  *	
**********************/

div#footer-ref {
	position: absolute;
	bottom: 0;
	_bottom: -190px;
	left: 0;
	width: 259px;
	height: 90px;
	padding-top: 40px;
	text-align: center;
	z-index: 90 !important;
}

		div#footer-ref a {
			font-family: "Verdana", sans-serif;
			color: #84106e;
			font-size: 10px;
			margin: 0 5px;
		}


/**********************
*		GAUCHE		  *	
**********************/	

div#gauche {
   float: left;
   width: 259px;
}

	div#gauche ul {
		list-style-type: none;
	}
	
		div#gauche ul.ulGn1 li {
			position: relative;
		}
			
			div#gauche ul.ulGn1 li a {
				display: block;
				width: 209px; /* 259 */
				background-image: url("images/gauche_btn-fond.jpg");
				background-position: 0 0;
				background-repeat: no-repeat;
				color: #ffdb2d;
				font-weight: bold;
				text-transform: uppercase;
				padding-left: 25px;
				padding-right: 25px;
			}
			
				div#gauche ul.ulGn1 li.ligne1 a {
					height: 30px; /* 46 */
					padding-top: 16px;
				}
			
				div#gauche ul.ulGn1 li.ligne2 a {
					height: 36px; /* 46 */
					padding-top: 10px;
				}

	
	/* ---------- Sous-menu ---------- */

	div#gauche ul.ulGn2 {
		display: none;
		position: absolute;
		top: -1px;
		left: 258px;
		width: 259px;
		padding: 10px 0;
		background: #434c51;
		border: 2px solid #fcfcfc;
	}
	
		div#gauche ul.ulGn2 li {
			display: block !important;
			width: 209px; /* 209 */
			padding: 5px 25px !important;
		}
	
			div#gauche ul.ulGn2 li a, div#gauche ul.ulGn1 li.ligne1 ul.ulGn2 li a, div#gauche ul.ulGn1 li.ligne2 ul.ulGn2 li a {
				display: inline;
				background-image: none;
				background: #434c51;
				height: auto;
				padding: 0;
			}


/**********************
*		CONTENU		  *	
**********************/	

div.contenu{
	float: left;
	width: 671px; /* 721 */
	padding-left: 25px;
	padding-right: 25px;
}
	
		div#cms h1, div#cms div.titres1 {
			width: 670px;
			font-family:verdana;
			font-size:24px;
			font-weight:normal;
			color:#80025b;
			border-bottom-width:1px;
			border-bottom-style:solid;
			border-bottom-color:#c3c3c3;
			padding-bottom:15px;
			margin-bottom:15px;
		}
		
		div#cms h2, div#cms div.titres2 {
			font-size: 12px;
			font-weight: bold;
			padding: 10px 0 5px 0;
		}
		
		div#cms h2.avocat{
			margin-bottom:10px;
		}
		
			div#cms h2.avocat a {
				font-family:verdana;
				font-size:15px;
				font-weight:bold;
				color:#bb0084;
			}
				
		div#cms h3, div#cms div.titres3 {
			font-size:11px;
			font-weight:bold;
			margin-top:20px;
			margin-bottom:20px;
		}
		
		div#cms h4, div#cms div.titres4 {
			font-size:11px;
			font-weight:normal;
			text-align:justify;
			color:#3b4347;
			margin-bottom:20px;
		}

		div#cms img{
			float:left;
			margin-right:30px;
			margin-bottom:20px;
		}
		
		div#cms p{
			font-family:verdana;
			text-align:justify;
			color:#302f2f;
			margin-bottom:20px;
		}

		div#cms div.traitNoir{
			width:670px;
			height:2px;
			border-bottom-width:2px;
			border-bottom-style:solid;
			border-bottom-color:#525b5f;
		}
		
		div#cms div.blockBas{
			float:left;
			width:202px;
			margin-top:20px;
			margin-left:6px;
			padding-right:10px;
			margin-bottom:20px;
		}
		
										div#cms div#blockBasMilieu{
											border-width:1px;
											border-style:solid;
											border-color:#c3c3c3;
											border-top-width:0;
											border-bottom-width:0;
											padding-left:7px;
										}
		
				div#cms div.blockBas h2 {
					margin-bottom:10px;
				}
				
						div#cms div.blockBas h2 a {
							font-family:verdana;
							font-size:15px;
							font-weight:900;
							color:#80025b;
							text-align:left;
						}
		
				div#cms div.blockBas h3{
					font-size:11px;
					font-weight:normal;
					text-align:left;
					margin-bottom:5px;
					margin-top:0;
				}
				
				div#cms div.blockBas p{
					margin:0 0 5px 0;
					text-align:left;
				}
				
				div#cms div.blockBas span{
					display:block;
					margin-bottom:3px;
					margin-right:10px;
				}
	
				

/**********************
*		BAS			  *	
**********************/				
		
div#bas{
	position:absolute;
    bottom: 1px;
    right: 0;
    width: 721px;
    font-size:16px;
    text-align:center;
    padding: 27px 0 28px 0;
    margin-top:20px;
    border-top:1px solid #C3C3C3;
    z-index: 10;
}

		div#bas a{
			font-family:verdana;				
			font-size:11px;
			color:#80025b;
			margin: 0 5px 0 5px;
		}
				
/******************************************************************************************************************************************************************/
	
/*********************
*		INDEX	 	 *	
*********************/	

div#index {
	width: 721px;
	padding-left: 0;
	padding-right: 0;
}

	div#index-blockHaut {
		width: 721px;
		height: 226px;
		background: url("images/index-blockHaut.jpg") 0 0 no-repeat;
	}
	
	div#index-blockHaut div.s1 {
		position: relative;
		overflow: hidden;
		width: 521px; /* 721 */
		height: 165px; /* 190 */
		padding: 25px 0 0 200px;
	}
	
	div#index-blockHaut div.s2 {
		width: 645px; /* 721 */
		padding: 0 0 0 74px;
	}
	
	div#index-blockMilieu {
		width: 671px; /* 721 */
		/*height: 255px;*/ /* 280 */
		padding: 15px 25px 0 25px;
		/*background: url("images/index-blockMilieu.jpg") 25px 60px no-repeat;*/
	}
	
	
div#bas-index {
	clear: both;
    width: 980px;
    height: 130px;
}
		
		div#bas-index div.vign1, div#bas-index div.vign2, div#bas-index div.vign3 {
			float: left;
		}
		
		div#bas-index div.vign1 {
			width: 259px;
			height: 90px;
			padding-top: 40px;
			text-align: center;
		}
		
		div#bas-index div.vign2 {
			width: 331px; /* 361 */
			height: 110px;	/* 130 */
			padding: 20px 0 0 30px;
			background: url("images/bas-index2.gif") 0 0 repeat-x;
		}
		
		div#bas-index div.vign3 {
			width: 330px; /* 360 */
			height: 110px;	/* 130 */
			padding: 20px 0 0 30px;
			background: url("images/bas-index3.gif") 0 0 repeat-x;
		}
		
		div#bas-index div.vign3 span.puce_flecheBlanche {
			background: url("images/flecheblanc.gif") 0 4px no-repeat;
			padding-left: 14px;
		}


/*********************
*		CMS		 	 *	
*********************/					

div#cms {
	font-family:verdana;
}

div#cms div {
	color:#302f2f;
}

div#cms h2,h3,h4{
	clear:both;
}

div#cms div.texte ol{
	padding-left:20px;
}

div#cms div.last{
	padding-left:30px;
}

div.accroche, div.media, div.texte, div.texte2, div.texte3 {
    margin-bottom: 20px;
    margin-top:10px;
}

div.accroche {
    font-style: italic;
}

div.media {
    text-align: center;
}


div.texte2 {
    float: left;
    width: 49%;
    margin-right: 2%;
}

div.texte3 {
    float: left;
    width: 32%;
    margin-right: 2%;
}

div.last {
    margin-right: 0;
}

div.left {
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
}

div.right {
    float: right;
    margin: 0 0 10px 10px;
    text-align: center;
}

q {
    display: block;
    text-align: center;
    font-size: 10px;
    padding-top:10px;
}

div#cms img {
	float: none;
	vertical-align: center;
	text-align: center;
}


/*###############################
#								#
#	FORMULAIRE					#
#								#
###############################*/


form {
	font-size: 12px;
}

form div {
	text-align: right;
	padding-top: 4px;
	width: 380px;
}

form ul {
	list-style-type: none;
}

form li {
	float: left;
	width: 190px;
	padding-left: 20px;
}

label {
	cursor: pointer;
}

input.txt, textarea {
	padding: 3px;
	border: 1px solid #d5d5d5;
	width: 220px;
	height:15px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	vertical-align: middle;
}

input.txt {
	height: 14px;
	background: url("images/input-fond.gif") left bottom repeat-x #ffffff;
}

textarea {
	height: 82px;
	background: url("images/textarea-fond.gif") left bottom repeat-x #ffffff;
	overflow: auto;
}

input.error, textarea.error {
	border: 1px solid #ff6666;
}


/*###################
#					#
#	ANNUAIRE		#
#					#
###################*/


div#annuaire {
	padding: 0 20px 20px 20px;
}

div#annuaire h1.golden-h1 { display: none;}

div#annuaire ul#golden-n1 { 
	padding: 0 0 0 19px;
}

	div#annuaire ul#golden-n1 li {
		list-style-type: none;
	}
	
	div#annuaire ul#golden-n1 h2, ul#golden-n1 h3 {
		background: none;
		height: 15px;
		padding: 0;
	}
	
	div#annuaire ul#golden-n1 h2 { /* Gestion du theme : padding, taille police */
		padding: 10px 0 5px 0;
		font-size: 13px;
	}
	
	div#annuaire ul#golden-n1 h3 {
		font-size:11px;
		padding: 10px 0 0 0;
	}
		div#annuaire ul#golden-n1 h2 a, ul#golden-n1 h3 a { /* Gestion du theme : couleurs, puces */
			color: #AF229E;
			font-weight: bold;
			background: url('/images/fleche.gif') 0 1px no-repeat;
			padding-left:12px;
			text-transform:uppercase;
		}
		div#annuaire ul#golden-n1 li p {
			padding: 10px 0 10px;
			width: 450px;
		}

div#annuaire ul.golden-n2 { 
	padding: 0 0 0 20px;
}

	div#annuaire ul.golden-n2 li { 
		padding: 2px 0 0 10px;
	}
	
	div#annuaire ul.golden-n2 li h3 {	/* Gestion du nom du site : padding, taille police, couleurs, puces */
		font-size:11px;
		background: url('/images/puce_carreVert.gif') 0 1px no-repeat;
		display: inline;
		padding-left:10px;
		color: #F995E8;
	}

		div#annuaire ul.golden-n2 a {	/* Gestion de la description : taille police, couleurs */
			color: #3d4e57;
		}
	
	div#annuaire h2#golden-h2 {
		display: none;
	}
	
	

	
/*###################
#					#
#	PLAN DU SITE	#
#					#
###################*/

div#plan {
	padding: 0 0 20px 20px;
}

div#plan ul li {
	/*list-style-type:upper-roman;*/
	list-style-type:none;
	padding-top:10px;
	color: #ED008C;
}

		div#plan ul li  a {
			font-size:15px;
			font-variant:small-caps;
			font-weight:bold;
			color: #A32495;
		}

div#plan ul li ul li{
	list-style-type:upper-roman;
	/*list-style-type:upper-alpha;*/
	padding-top:5px;
	margin-left:40px;
	color: #000000;
}

		div#plan ul li ul li a {
			font-size:14px;
			font-weight:bold;
			color: #6379B3;
		}

div#plan ul li ul li ul li{
	list-style-type:decimal;
	padding-top:2px;
	margin-left:40px;
}

		div#plan ul li ul li ul li a {
			font-size:12px;
			font-variant:normal;
			font-style:italic;
			font-weight: bold;
			color:#333333;
		}

div#plan ul li ul li ul li ul li{
	list-style-type:lower-alpha;
	margin-left:60px;
}

		div#plan ul li ul li ul li ul li a {
			font-size:11px;
		}

div#plan div.nousContacter {
	padding:20px 0 30px 0;
}

div#plan div.nousContacter ul li {
	list-style-type:none;
	margin:0;
}