/* CSS Document */

/* =====================================================
STRUCTURE GENERAL
===================================================== */
body{
	background:url(../images_v2/bg_body.png) top left repeat-x #1258a0;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

#page{
	margin:0 auto; 
	width:862px;
}

#shadow{
	background:url(../images_v2/ombre_body.png) top left repeat-y;
}

* html #shadow /* HACK POUR LES PNG TRANSPARENT SUR IE6 */
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images_v2/ombre_body.png", sizingMethod="scale");
	background: none;
	overflow:hidden;
}

#main{
	background:url(../images_v2/bg_main.png) top left repeat-x #CCC;
	margin:0 auto; 
	width:836px; 
}

#main_content{
	margin:10px 0 10px 10px;
	float:left;
	width:826px;
}

ul{
	margin:0;
	padding:0;
	list-style:none;
}

li{
	margin:0;
	padding:0;
}

a img{border:0;}

a {color:#FFF;}
/* =====================================================
HEADER
===================================================== */
#header{
	position:relative;
	margin-bottom:5px;
}

#menu{
	z-index:2;
	position:absolute;
	top:200px;
	left:0;
}

#menu li{	
	float:left;
}


/* =====================================================
FIL D'ARIANE
===================================================== */
#ariane{color:#FFF; margin-right:10px; height:19px;}
#ariane a{text-decoration:none;}
#ariane.section1{background:#a3c31f;}
#ariane.section2{background:#4fa6dc;}
#ariane.section3{background:#d90f0f;}
#ariane.section4{background:#f90;}
#ariane.section5{background:#e3bd34;}
#ariane.section6{background:#e3bd34;}
#ariane.section23{background:#f90;}
#ariane.section7{background:#4fa6dc;}
#ariane.section22{background:#a3c31f;}

#ariane.section21{background:#d90f0f;}
/* =====================================================
BLOC GAUCHE
===================================================== */
#bloc_gauche{
	float:left; 
	width:213px;
}

/* =====================================================
MENU
===================================================== */
#submenu{color:#FFF;}

#section_1 {background-color:#a3c31f; border-bottom:1px solid #a3c31f;}
#submenu.section1 li a{background:url(../images_v2/selectionVert_off.gif) top left repeat;}
#submenu.section1 li a:hover{color:#95ab3a; background:url(../images_v2/selectionVert_on.gif) top left repeat;}
#submenu.section1 li.selected a{background:url(../images_v2/selectionVert_on.gif) top left repeat; color:#95ab3a; }

#section_2 {background-color:#4fa6dc; border-bottom:1px solid #4fa6dc;}
#submenu.section2 li a{background:url(../images_v2/selectionBlue_off.gif) top left repeat;}
#submenu.section2 li a:hover{color:#76bae4; background:url(../images_v2/selectionBlue_on.gif) top left repeat;}
#submenu.section2 li.selected a{color:#76bae4; background:url(../images_v2/selectionBlue_on.gif) top left repeat;}

#section_3 {background-color:#d90f0f; border-bottom:1px solid #d90f0f;}
#submenu.section3 li a{background:url(../images_v2/selectionRouge_off.gif) top left repeat;}
#submenu.section3 li a:hover{color:#900; background:url(../images_v2/selectionRouge_on.gif) top left repeat;}
#submenu.section3 li.selected a{color:#900; background:url(../images_v2/selectionRouge_on.gif) top left repeat;}

#section_4 {background-color:#f90; border-bottom:1px solid #f90;}
#submenu.section4 li a{background:url(../images_v2/selectionOrange_off.gif) top left repeat;}
#submenu.section4 li a:hover{color:#f60; background:url(../images_v2/selectionOrange_on.gif) top left repeat;}
#submenu.section4 li.selected a{color:#f60; background:url(../images_v2/selectionOrange_on.gif) top left repeat;}

#section_5 {background-color:#e3bd34; border-bottom:1px solid #e3bd34;}
#submenu.section5 li a{background:url(../images_v2/selectionJaune_off.gif) top left repeat;}
#submenu.section5 li a:hover{color:#c93; background:url(../images_v2/selectionJaune_on.gif) top left repeat;}
#submenu.section5 li.selected a{color:#c93; background:url(../images_v2/selectionJaune_on.gif) top left repeat;}

#section_6 {background-color:#e3bd34; border-bottom:1px solid #e3bd34;;}
#submenu.section6 li a{background:url(../images_v2/selectionJaune_off.gif) top left repeat;}
#submenu.section6 li a:hover{color:#c93; background:url(../images_v2/selectionJaune_on.gif) top left repeat;}
#submenu.section6 li.selected a{color:#c93; background:url(../images_v2/selectionJaune_on.gif) top left repeat;}

#section_23 {background-color:#f90; border-bottom:1px solid #f90;}
#submenu.section23 li a{background:url(../images_v2/selectionOrange_off.gif) top left repeat;}
#submenu.section23 li a:hover{color:#f60; background:url(../images_v2/selectionOrange_on.gif) top left repeat;}
#submenu.section23 li.selected a{color:#f60; background:url(../images_v2/selectionOrange_on.gif) top left repeat;}

#section_22 {background-color:#a3c31f; border-bottom:1px solid #a3c31f;}
#submenu.section22 li a{background:url(../images_v2/selectionVert_off.gif) top left repeat;}
#submenu.section22 li a:hover{color:#95ab3a; background:url(../images_v2/selectionVert_on.gif) top left repeat;}
#submenu.section22 li.selected a{background:url(../images_v2/selectionVert_on.gif) top left repeat; color:#95ab3a; }


#section_21 {background-color:#d90f0f; border-bottom:1px solid #d90f0f;}
#submenu.section21 li a{background:url(../images_v2/selectionRouge_off.gif) top left repeat;}
#submenu.section21 li a:hover{color:#900; background:url(../images_v2/selectionRouge_on.gif) top left repeat;}
#submenu.section21 li.selected a{color:#900; background:url(../images_v2/selectionRouge_on.gif) top left repeat;}

#submenu ul li{
	margin:0 0 5px 5px;
	float:none;
}

#submenu ul li.titre{
	font-weight:bold;
	margin-left:10px;
	padding:0;
	min-height:28px; 
	height:auto !important;
	height:28px;
	width:150px; 
}

#submenu ul li a{
	display:block;
	height:19px;
	padding:5px 0 0 24px;
	width:176px;
	text-decoration:none;
}

/* =====================================================
CONTENT
===================================================== */
h1.section1{background:url(../images_v2/puce1.gif) 0% 50% no-repeat; color:#91b10f; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 20px;}
a.section1{ color:#91b10f; font-weight:bold; text-decoration:none;}
h2.section1{border-bottom:1px dotted #000; color:#A3C31F; font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0;}


h1.section2{background:url(../images_v2/puce2.gif) 0% 50% no-repeat; color:#69c; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 20px;}
h2.section2{border-bottom:1px dotted #000; color:#69c; font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0;}

h1.section3{background:url(../images_v2/puce3.gif) 0% 50% no-repeat; color:#D90F0F; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 20px;}
h2.section3{border-bottom:1px dotted #000; color:#D90F0F; font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0;}

h1.section4{background:url(../images_v2/puce4.gif) 0% 50% no-repeat; color:#ff9900; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 20px;}
h2.section4{border-bottom:1px dotted #000; color:#ff9900; font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0;}

h1.section5{background:url(../images_v2/puce5.gif) 0% 50% no-repeat; color:#E3BD34; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 20px;}
h2.section5{border-bottom:1px dotted #000; color:#E3BD34; font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0;}

h1.section6{background:url(../images_v2/puce5.gif) 0% 50% no-repeat; color:#E3BD34; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 20px;}
h2.section6{border-bottom:1px dotted #000; color:#E3BD34; font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0;}

h1.section23{background:url(../images_v2/puce4.gif) 0% 50% no-repeat; color:#ff9900; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 20px;}
h2.section23{border-bottom:1px dotted #000; color:#ff9900; font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0;}

h1.section7{background:url(../images_v2/puce2.gif) 0% 50% no-repeat; color:#69c; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 20px;}
h2.section7{border-bottom:1px dotted #000; color:#69c; font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0;}

h1.section22{background:url(../images_v2/puce1.gif) 0% 50% no-repeat; color:#91b10f; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 20px;}
h2.section22{border-bottom:1px dotted #000; color:#A3C31F; font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0;}

h1.section21{background:url(../images_v2/puce3.gif) 0% 50% no-repeat; color:#D90F0F; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 20px;}
h2.section21{border-bottom:1px dotted #000; color:#D90F0F; font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0;}

/* =====================================================
BLOC DROITE
===================================================== */
#bloc_droite{float:right;}

#bloc_droite a{color:#000;}

/*ACTU*/
#actu h1{color:#666; font-size:12px;}
#actu{
	margin:0 30px 5px 0;
	width:571px;
}

#agence_en_image
{
	background-image:url(../images_v2/bg_agence_en_image.png); 
	width:270px; 
	height:259px;
	margin-top:2px;
}

* html #agence_en_image /* HACK POUR LES PNG TRANSPARENT SUR IE6 */
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images_v2/bg_agence_en_image.png", sizingMethod="scale");
	background: none;
	overflow:hidden;
}


#agence50pas{
	background-image:url(../images_v2/bg_agence_50_pas.png); 
	height:122px; 
	margin-top:5px;
	padding:10px 10px 0 0;
	text-align:right; 
	width:260px; 
}

* html #agence50pas /* HACK POUR LES PNG TRANSPARENT SUR IE6 */
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images_v2/bg_agence_50_pas.png", sizingMethod="scale");
	background: none;
	overflow:hidden;
}

#pagination span{
	font-weight:bold;
}

#pagination a{
	text-decoration:none;
}

#lien a{
	color:#69c;
}
/* =====================================================
FORMUALIRE DE CONTACT
===================================================== */
	
#form_contact label{font-size:12px; font-weight:bold; display:block; float:left; width:120px; text-align:left;}
#form_contact textarea{width:290px;}
#form_contact .texte{width:290px;}
#form_contact p{padding:0; margin:10px 0;}
#form_contact {margin:0; padding:0;}

/* =====================================================
FOOTER
===================================================== */
#footer{
	color:#FFF;
	padding:0 20px 10px 20px;
	width:822px;
}