@charset "UTF-8";
/* CSS Document */


*{font-family:Arial, Helvetica, sans-serif;	margin:0;padding:0;}

body{font-size:12px; color:black;letter-spacing: normal;word-spacing: normal;background:white url(../../images/commun/fond.jpg) center top no-repeat;}
.floatRight{float:right;}
.floatLeft{float:left; margin-bottom:-1px;}

.clear {clear:both;	display:block;	height:1px;	margin-top:-1px;}

#main {margin:0 auto; width:940px;}
#ent_haut{ width:756px; height:10px; background: #FFFFFF url(../../images/commun/banniere.jpg) top left; margin-bottom:0px;}
#ent_menu{ width:756px; height:44px; background:url(../../images/commun/banniere.jpg) no-repeat top left; background-position:0px -10px; }
hr {color:#cccccc;  border:0; height: 1px; background-color: #cccccc; margin-bottom:20px;}



/*########################################################################################################################################
															PARTIE CENTRALE
/*######################################################################################################################################*/


#centre_fond{display:block; width:940px; height:307px; background: url(../../images/commun/fond_accueil2.jpg)  repeat-y top left; margin-top:50px;  }
#centre{display:block; width:940px; height:307px; background: url(../../images/commun/fond_accueil.jpg)  no-repeat top left; }
.titre_centre{ font-size:18px; color:#083643; margin:14px 0 0 18px; display:block; width:192px; }
.titres_accueil, .titre_actualite, .titre_partenaires {color:#083643; text-shadow:0 1px 0 #FFFFFF;font-size:18px;}
h2 {font-size:20px;	color:#098a2e;	font-family:Arial, Helvetica, sans-serif;	font-variant: small-caps;	font-weight:bold;margin:10px 0 0 0px;text-shadow:0 1px 0 #cccccc;}
.texte_bleu {color: black;margin:15px;line-height:16px;list-style-image:url(../../images/commun/fleche_verte.gif);}
.stitre_actu, .stitre_partenaire{color: #476c5e;font-weight: bold; background: url(../../images/commun/fleche.gif) no-repeat 0px center; padding-left:32px;list-style-image: none;,list-style-type: none; margin-bottom:10px;}
.stitre_partenaire{color:#525d6b; font-size:14px; background:transparent url(../../images/commun/fleche_noire.gif) no-repeat 0px center;}
.w_actionButton, .w_actionButton span  { float:left; background:url(../../images/commun/sous_menu.jpg) no-repeat scroll 0 0 transparent;  display:inline-block; height:38px;}
.w_actionButton {background-position:0 -38px; line-height:38px; margin:0; padding:0 0 0 10px;text-decoration:none !important;}
.w_actionButton span {background-position:right -38px; margin:0; padding:0 25px 0 6px;}

.w_actionButton2, .w_actionButton2 span  { float:left; background:url(../../images/commun/sous_menu.jpg) no-repeat scroll 0 0 transparent;  cursor:pointer; display:inline-block; height:38px;}
.w_actionButton2 {background-position:0 0px; line-height:38px; margin:0; padding:0 0 0 10px;text-decoration:none !important;}
.w_actionButton2:hover {background-position:0 -38px;}
.w_actionButton2 span {background-position:right 0px; margin:0; padding:0 25px 0 6px;}
.w_actionButton2:hover span {background-position:right -38px;}

#left_content_h{ width:656px; }
#right_content_h{ width:273px; }
.left_content{ padding:25px 20px 20px 20px;}
.right_content{ padding:20px;}
.img_ac{margin:20px 30px 0 0;}
.right_content_int, #footer_actu, .titre_actualite, .titre_partenaires, #footer_gel_noire, #footer,#footer_inter { background: url(../../images/commun/fond_inter.jpg)  no-repeat top left;}
#centre_fond_int{display:block; width:940px;}
#centre_int{display:block; width:940px; height:307px; }
.left_content_int{ padding:25px 20px 20px 35px; background:url(../../images/commun/fonf_degrade.jpg) repeat-y left top; margin-top:-2px;}

.titre_decalage{background-position:right 0px;}
.right_content_int{ padding:20px; background-image:url(../../images/commun/fond_actu_0.jpg); background-position:right top;;}
.gel_verte{ background-color:#f4f9ed;}

#footer_actu{background-position:right -227px; height:20px;}
#footer_gel_noire{background-position:right -427px; height:21px;}
.titre_actualite{ background-position:right 0px; padding-left:20px; height:37px; line-height:37px;}
.titre_partenaires{	background-position:right -247px;	padding-left:20px;	height:36px;	line-height:36px;	color:white;	text-shadow:0 1px 0 #000;	font-weight: 100;}
.right_content_int_n{ padding:20px; background-image:url(../../images/commun/fond_part_0.jpg); background-repeat:no-repeat;}
#footer{width:920px; height:38px; color:white; text-align:left; padding:20px 0 0 20px;; font-size:11px; background-position:left -487px; margin-top:-2px;}
#footer a{ text-decoration:none; color:white;}
#footer a:hover{ text-decoration: underline;}


/*########################################################################################################################################
															PAGES INTERIEURES
/*######################################################################################################################################*/


#centre_fond_int2{display:block; width:940px; margin-top:30px; background:#FFFFFF url(../../images/commun/fond_inter2.jpg) repeat-y left 50px; }
.left_content_int2{ padding:25px 35px 20px 35px;}
#footer_inter{width:920px; height:21px; color:white; text-align:center; padding:16px 0 0 20px; font-size:11px; background-position:left -487px; margin-top:-2px;}
#footer_inter a{ text-decoration:none; color:white;}
#footer_inter a:hover{ text-decoration: underline;}
.h2_inter{ margin-top:35px;}


/*########################################################################################################################################
															GESTION NAVIGATION PRINCIPALE
/*######################################################################################################################################*/



.mainmenu .n1 { margin: 0; border: 0 none; padding: 0; width: auto; list-style: none; display:block; float:left; position:relative; z-index:1;}

.mainmenu .n1 .n2, .mainmenu .n1 .n3, .mainmenu .n1 .n4 {width:151px; display:block; height:44px; color: black;text-shadow:0 1px 0 #FFFFFF; font: bold 13px Arial, Helvetica, sans-serif; text-decoration: none; text-align:center; line-height:44px;}
.mainmenu .n1 .n2:hover, .mainmenu .n1 .n3:hover, .mainmenu .n1 .n4:hover { color: white; text-shadow:0 0px 0 #FFFFFF;} 

.mainmenu .n1:hover .n2, .mainmenu .hover .n2 { background: #FFFFFF url(../../images/commun/banniere.jpg) no-repeat top left; background-position:0px bottom; color: #2c2a2a;}
.mainmenu .n1:hover .n3, .mainmenu .hover .n3 { background: #FFFFFF url(../../images/commun/banniere.jpg) no-repeat top left; background-position:-152px bottom; color: #2c2a2a;}
.mainmenu .n1:hover .n4, .mainmenu .hover .n4 { background: #FFFFFF url(../../images/commun/banniere.jpg) no-repeat top left; background-position:-406px bottom; color: #2c2a2a; width:152px;}


/* ######### SOUS NAVIGATION ########### */
.subnav_nt     { position:relative; overflow:hidden; margin:0; padding:0; }
.subnav_nt p   { margin:0; padding:0; }
.subnav_nt .decale   {position:relative; left:0px; background:#f0eeee url(../../images/pictos/picto_fleche.png) no-repeat 37px 6px; margin-left:11px; padding:2px 5px 3px 47px; display:none; width:154px; font-size:11px; }
.subnav_nt p:hover .decale, nonenav_nt .hover .decale   {display:block; }
.stext-decoration:none;color:#868888;text-decoration:none;}
.subnav_nt .decale a:hover {color:#868888;text-decoration:none;}

.subnav_nt p .boules{ color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 0 11px; padding:7px 0 2px 16px; display:block; font-weight:normal; width:190px; height:20px; border-top:#FFF 0px solid; text-decoration:none;}	



/*>>>>>>>>POSITION DES PUCES<<<<<<<<<<<<*/
.subnav_nt p .boules, .subnav_nt p .boules:hover{text-transform:none;padding-left:35px; width:171px; text-decoration:none; color:black; border-top:#dddbdc 1px solid;}
.subnav_nt p .boules:hover	{text-decoration:underline; font-weight:bold;}

.img_boule {position: absolute; margin:10px 0 0 22px;}
.img_boule2 {position: absolute; margin:10px 0 0 10px;}

/*.mainmenu .n1 ul {display: none; margin: 0; border: 0 none; list-style: none;  position: absolute; top: 44px; left: 8px; z-index:2; background:url(../../images/commun/menu_deroul.png) left bottom no-repeat; padding: 0 0 28px 0px; margin-left:-11px; width: 270px; }*/
.mainmenu .n1:hover ul, .mainmenu .hover ul {display: block;}
.mainmenu .n1 ul {display: none; margin: 0; border: 0 none; list-style: none;  position: absolute; top: 44px; left: -5px; z-index:2; background:url(../../images/commun/menu_deroul.png) left bottom no-repeat; padding: 0 0 10px 0px; margin-left:-6px; width: 270px; }


/*########################################################################################################################################
															OMBRE SOUS LES IMAGES
/*######################################################################################################################################*/

.offset { position: relative; left:-1px; top:-1px; }
.color5 { background: #bbbbbb; }
.color4 { background: #c2c2c2; }
.color3 { background: #cbcbcb; }
.color3 { background: #d5d5d5; }
.color2 { background: #dddddd; }
.color1 { background: #e3e3e3; }