/*@import url('header.css');*/
/*########################################################################################################################################
																	HEADER
/*######################################################################################################################################*/

div#headerPromo { position:relative; overflow:hidden; margin:0 0 10px 0; padding:5px 0 0 235px; }
div#headerPromo_habillage { position:relative; overflow:hidden; margin:0; padding:0; }

/*@import url('navtop.css');*/
/*########################################################################################################################################
																	NAVTOP
/*######################################################################################################################################*/

div#navtop { position:relative; margin:0; padding:0; height:66px;
			 background:url(../gene/image/navtop/bg_nt.gif) right top no-repeat; z-index:50; margin-top:40px;}
			 
/* ######### LOGO ########### */

div#navtop h1 { display:inline;  }

div#navtop h1 a { display:block; position:relative; background:url(../gene/image/logo_NATHAN.gif) left top no-repeat;
				  width:208px; height:66px; float:left; }

div#navtop h1 span { display:none; }

/*########################################################################################################################################
																	NAVTOP
/*######################################################################################################################################*/

ul.mainmenu {  margin: 0; border: 0 none; padding: 0; width: auto; /*For KHTML*/ list-style: none; height: 66px; position:relative;
			   float:left;}
			   
/*########################################################################################################################################
																RUBRIQUES NAVTOP
/*######################################################################################################################################*/
ul.mainmenu li.n1 { margin: 0; border: 0 none;  list-style: none; position: relative; float:left; padding:0;					 }

ul.mainmenu li.n1 a.n1 { background:url(../gene/image/navtop/separateur.gif) right 10px no-repeat; display:block; height:66px; 
padding:23px 15px 0 15px; margin:0;float:left; color: #666; font: bold 13px Arial, Helvetica, sans-serif; text-decoration: none;
text-transform:uppercase; } 
ul.mainmenu li.n1 a.n1:hover { background:#fff; color: #000; }




/*########################################################################################################################################
																SOUS MENU
/*######################################################################################################################################*/
ul.mainmenu ul { margin: 0; border: 0 none; padding: 0 0 50px 0; width: 484px; list-style: none; display: none; position: absolute;
				 top: 64px; left: -35px; background:url(../gene/image/navtop/subnav_bg.png) left bottom no-repeat; z-index:800; }


div.subnav_nt { position:relative; overflow:hidden; margin:0; padding:0; }
div.subnav_nt div.left_sn { float:left; } div.subnav_nt div.right_sn { float:right; margin:0 15px 0 0; }
div.left_nt { width:190px; float:left; margin:0 0 0 35px; padding:5px 0 0 15px;  }
div.right_nt { width:190px; float:right; margin:0; padding:5px 0 0 0; margin:0 30px 0 0; }

div.subnav_nt p { margin:0; padding:0; }
div.subnav_nt h3 { font-size:14px; color:#595959; text-transform:uppercase; font-weight:bold; float:left; margin:5px 0 6px 0; padding:0; }
div.subnav_nt h3 a { color:#595959;  }
div.subnav_nt p a { color:#333333; font-size:12px; margin:0; padding:2px 0 2px 12px; display:block; font-weight:normal; 
					background:url(../gene/image/puce/bullet_gris.png) left 6px no-repeat; text-transform:none; }		
div.subnav_nt p a:hover { color:black; text-decoration:underline; }


/*########################################################################################################################################
																COULEURS RUBRIQUES
/*######################################################################################################################################*/

li.rub_vert   span b { border-bottom:3px solid #95ce28; display:block; }
li.rub_rouge  span b { border-bottom:3px solid #fe0040; display:block; }
li.rub_bleu   span b { border-bottom:3px solid #007db7; display:block; }
li.rub_orange span b { border-bottom:3px solid #f47301; display:block; }

li.rub_vert   span strong { background:url(../gene/image/puce/nt/puces.png) no-repeat 0 0; display:block; height:25px;padding:2px 0 0 30px; position:relative; top:0; float:left; }
li.rub_rouge  span strong { background:url(../gene/image/puce/nt/puces.png) no-repeat 0 -27px; display:block; height:25px;padding:2px 0 0 30px; position:relative; top:0; float:left; }
li.rub_bleu   span strong { background:url(../gene/image/puce/nt/puces.png) no-repeat 0 -54px; display:block; height:25px;padding:2px 0 0 30px; position:relative; top:0; float:left; }
li.rub_orange span strong { background:url(../gene/image/puce/nt/puces.png) no-repeat 0 -81px; display:block; height:25px;padding:2px 0 0 30px; position:relative; top:0; float:left; }

li.rub_vert   div.subnav_nt h3 { border-bottom:3px solid #95ce28; }
li.rub_rouge  div.subnav_nt h3 { border-bottom:3px solid #fe0040; }
li.rub_bleu   div.subnav_nt h3 { border-bottom:3px solid #007db7; }
li.rub_orange div.subnav_nt h3 { border-bottom:3px solid #f47301; }

ul.mainmenu li.rub_orange ul { left: -140px; }

/*########################################################################################################################################
																	TRAITS
/*######################################################################################################################################*/

div.hr_nt { border-top:1px solid #c0c0c0; }
div.hr_nt hr { display:none; }

li.rub_vert   div.hr_nt { width:267px; margin:0 0 0 191px; }
li.rub_rouge  div.hr_nt { width:296px; margin:0 0 0 162px; }
li.rub_bleu   div.hr_nt { width:312px; margin:0 0 0 146px; }
li.rub_orange div.hr_nt { width:183px; margin:0 0 0 275px; }


/*########################################################################################################################################
																	FORM MDR
/*######################################################################################################################################*/

div#form_nt { position:relative; margin:0; overflow:hidden; float:right; }

div#form_nt form { position:relative; margin:20px 75px 0 0; padding:0; }

input.input_txt_nt { border:0; margin:0; padding:3px 7px 0 7px; background:url(../gene/image/navtop/mdr_input.gif) left top no-repeat;
					 width:100px; height:20px; font:13px Arial, Helvetica, sans-serif; color:#666666; float:left; }
					 
input.input_submit_nt { border:0; margin:0; padding:0; background:url(../gene/image/navtop/mdr_submit.gif) left top no-repeat;
						width:26px; height:23px; cursor:pointer; }
						
/* ######### LIEN ########### */
				
a.lien_nt { display:block; width:52px; font-size:10px; color:#666666; position:relative; left:150px; top:-24px; 
			text-decoration:underline; }
a.lien_nt:hover { text-decoration:none; }

/*@import url('navleft.css');*/
/*########################################################################################################################################
																	NAVLEFT
/*######################################################################################################################################*/

div#navleft { position:relative; margin:7.75px 0 0 0; padding:0; z-index:1; overflow:hidden;
			  background:url(../gene/image/arrondis/cg_haut_bloc_gris.gif) left top no-repeat; }

div#navleft h3 { margin:0; padding:0 0 0 40px; height:40px; text-transform:uppercase; color:#4b3390; font-size:14px;
				 line-height:42px; }
				 
div#navleft ul { margin:0; padding:0; list-style:none; overflow:hidden; position:relative; }

div#navleft ul li.med { margin:0 0 1px 0; padding:0; text-transform:uppercase; font-size:12px;
						display:block; position:relative;  vertical-align: middle; }

div#navleft ul li.large { margin:0 0 1px 0; padding:0 0 0 0; text-transform:uppercase; font-size:12px;
						   display:block; position:relative;  }
								
div#navleft ul li.med a { color:white; font-weight:bolder; display:block; padding:0 0 0 10px; height:39px; line-height:39px;
 }
div#navleft ul li.large a { color:white; font-weight:bolder; display:block; padding:4px 0 0 10px; height:34px; }
div#navleft ul li a:hover { color:#ebebea; }

/* ######### COULEURS ########### */
.r1  { background:#b5c32e; } .r1:hover  { background:#929d24; }
.r2  { background:#78bd08; } .r2:hover  { background:#639b07; }
.r3  { background:#00a84d; } .r3:hover  { background:#00853d; }
.r4  { background:#208269; } .r4:hover  { background:#19624f; }
.r5  { background:#2681b0; } .r5:hover  { background:#1f698f; }
.r6  { background:#ec592e; } .r6:hover  { background:#d04e28; }
.r7  { background:#e62b70; } .r7:hover  { background:#c72662; }
.r7bis  { background:#4b3390; } .r7bis:hover  { background:#351f74; }
.r8  { background:#c9215e; } .r8:hover  { background:#ac1c50; }
.r9  { background:#9c1848; } .r9:hover  { background:#7c143a; }
.r10 { background:#9f40a8; } .r10:hover { background:#83358a; }
.r11 { background:#a761ba; } .r11:hover { background:#8b519b; }
.r12 { background:#c37bd1; } .r12:hover { background:#ac6cb8; }


/*########################################################################################################################################
																	CG BOX
/*######################################################################################################################################*/

div.cg_box { position:relative; margin:7.75px 0 0 0; padding:0; z-index:1; overflow:hidden;
			  background:url(../gene/image/arrondis/cg_haut_bloc_violet.gif) left top no-repeat; }

div.cg_box h3 { margin:0; padding:0 0 0 40px; height:39px; text-transform:uppercase; color:#4b3390; font-size:14px;
				 line-height:42px; }
		 
div.cg_box div.cg_int { position:relative; overflow:hidden; margin:0; padding:0 0 10px 0; background:#dcccff; }

div.close_border { height:5px; }

/*@import url('navdroite.css');*/
/*########################################################################################################################################
															  COLONNE DROITE
/*######################################################################################################################################*/

p.cd_lien { margin:0 0 10px 0; padding:0 0 0 7px; width:199px; height:30px; position:relative; background:#4b3390; }

p.cd_lien a { color:white; font-weight:bold; font-size:12px; text-transform:uppercase; display:block; height:30px; }
p.cd_lien a:hover { color:#cccccc; }
p.cd_lien a strong { color:#ffa500; } p.cd_lien a:hover strong { color:#FF6633; }

p.cd_lien a.compte { background:url(../gene/image/ico/user.gif) left 5px no-repeat; padding:7px 0 0 20px;  }
p.cd_lien a.panier { background:url(../gene/image/ico/panier.gif) left 7px no-repeat; padding:7px 0 0 23px;  }
p.cd_lien a.aide { background:url(../gene/image/ico/question.gif) left 6px no-repeat; padding:7px 0 0 25px; }
p.cd_lien a.suivi { background:url(../gene/image/ico/camion.gif) left 8px no-repeat; padding:7px 0 0 25px; }


/*########################################################################################################################################
															  BLOCS
/*######################################################################################################################################*/

div.cd_box { position:relative; margin:7.75px 0 7.75px 0; padding:0; z-index:1; overflow:hidden;
			 background:url(../gene/image/arrondis/cd_haut_bloc_violet.gif) left top no-repeat; }
			 
div.grad { background:url(../gene/image/arrondis/cd_haut_bloc_grad.gif) left top no-repeat; }

div.form { padding:0 16px 15px 16px; margin:0; overflow:hidden; }

div.cd_int_grad { position:relative; padding:0 0 15px 0; margin:0; overflow:hidden; }


/*@import url('texte.css');*/

/*########################################################################################################################################
															  COLONNE DROITE
/*######################################################################################################################################*/

div.cd_box h3 { margin:0; padding:0 0 0 40px; height:39px; text-transform:uppercase; color:#4b3390; font-size:14px;
				 line-height:42px; }
				 
div.cd_box p { margin:0 0 10px 0; padding:0 16px; color:#4b3390; font-size:12px; }

div.cd_box ul { margin:0 2px; padding:0; overflow:hidden; list-style:none; 
				background:url(../gene/image/colonne_droite/border.gif) repeat-x; }
				
div.cd_box ul li { margin:0; padding:0; overflow:hidden; line-height:35px; 
				   background:url(../gene/image/colonne_droite/border.gif) bottom repeat-x; }
				   
div.cd_box ul li.last { background:none; }

div.cd_box ul li a { display:block; background:url(../gene/image/puce/bullet_violet.png) left 15px no-repeat;
					 font-size:12px; font-weight:bold; color:#4b3390; padding:0 0 0 20px; margin:0 0 0 15px; }
div.cd_box ul li a:hover { text-decoration:underline; }


/*########################################################################################################################################
															  COLONNE PRINCIPAL
/*######################################################################################################################################*/

div.cp_int h3 { margin:10px 0; padding:0; font-size:22px; font-weight:normal; 
				font-family:Georgia, "Times New Roman", Times, serif; }
div.cp_int h3 a { color:#333333; } div.cp_int h3 a:hover { text-decoration:underline; }

div.cp_int p.cp_desc { margin:10px 0 0 0; padding:0; color:#666666; font-size:12px; overflow:hidden; }

div.cp_int ul { margin:0 0 0 15px; padding:0; overflow:hidden; list-style:none; }

div.cp_int ul li { background:url(../gene/image/puce/bullet_gris.png) left 4px no-repeat; padding:0 0 0 15px; }

div.cp_int ul li a { color:#666666; } div.cp_int ul li a:hover { text-decoration:underline; }

div.cp_int p a { color:#666666; } div.cp_int ul li a:hover { text-decoration:underline; }

div.box_cp h5 { margin:0; padding:0; text-transform:uppercase; font-size:13px; font-weight:bold; }


h5.titre_grandir_nathan { /*text-indent:-5000px; background:url(../gene/image/titre/grandir_avec_nathan.gif) left top no-repeat;*/
						  height:23px; }
/*@import url('footer.css');*/
/*########################################################################################################################################
															  FOOTER
/*######################################################################################################################################*/

div#footerSite { clear:both;  position:relative; margin:15px 0 0px 0; padding:0; overflow:hidden; text-align:center;
			width:984px; background:#FFF url(../img/footer_centreSite.gif) bottom left no-repeat;
			 }

div#footerSite ul { list-style:none; overflow:hidden; margin:0; padding:0; text-align:center; }

div#footerSite ul li { display:inline; font-size:12px;  }

div#footerSite ul li a { color:#4b3390; background:url(../gene/image/footer/separateur.gif) right 6px no-repeat;
					 padding:0 7px 0 0px; } 
div#footerSite ul li a:hover { text-decoration:underline; }

div#footerSite ul li a.last { background:none; }

div#footerSite p { margin:7px 0 15px 0; padding:0; color:#50407e; font-size:12px; font-weight:bold; }

/*@import url('form.css');*/
/*########################################################################################################################################
																	GENERAL
/*######################################################################################################################################*/

div.clear_form { clear:both; overflow:hidden; }

div.hr_form { border-top:1px solid #807d7d; margin:10px 0; padding:0; overflow:hidden; } div.hr_form hr { display:none; }

div.form_radio { margin:0; padding:0; position:relative; clear:both; }

form#home_mdr,form#home_contact { margin:0; padding:0; position:relative; overflow:hidden; }

/*########################################################################################################################################
																	FORM HOME
/*######################################################################################################################################*/


form#home_mdr label.label_txt { color:white; text-transform:uppercase; font-size:14px; float:left; width:150px;
								margin:0 0 15px 0; padding:0; display:block; overflow:hidden; }

form#home_mdr .f_radio { float:left; display:block; width:100px; color:white; text-transform:uppercase; padding:2px 0px 0 27px;
						 margin:0 0 7px 0; font-size:14px; }

form#home_mdr .unselected{background-image:url(../gene/image/form/rdo_off.gif)}

form#home_mdr .selected{background-image:url(../gene/image/form/rdo_on.gif)}

form#home_mdr .checked,.selected{ color:#88888c;}


form#home_mdr input.input_float { border:0; background:url(../gene/image/form/mdr_home_input.gif) left top no-repeat; 
								  width:87px; height:20px;	margin:0 5px 0 0; padding:2px 0 0 5px; 
								  font-family:"Arial Narrow",Arial, Helvetica, sans-serif; }

form#home_mdr input.input_submit { background:url(../gene/image/form/mdr_submit.gif) left 2px no-repeat; border:0; width:192px;
								   height:24px; position:relative; margin:0; padding:0; color:#1b1719; text-transform:uppercase; 
								   font-family:"Arial Narrow",Arial, Helvetica, sans-serif; cursor:pointer;
								   float:right;  }
								   
								   
/*########################################################################################################################################
																	FORM FILTRE
/*######################################################################################################################################*/


form#form_filtre label.label_txt { color:white; text-transform:uppercase; font-size:14px; float:left; width:120px;
								   margin:0 0 15px 0; padding:0 0 0 0; display:block; overflow:hidden; }

form#form_inscription .f_radio { display:block; width:100px; color:black; text-transform:uppercase; 
						 		 margin:0; font-size:11px; font-weight:bold; height:23px; padding:6px 0 0 27px; }

form#form_inscription .unselected{background-image:url(../gene/image/form/rdo_off.gif); height:19px;}

form#form_inscription .selected{background-image:url(../gene/image/form/rdo_on.gif); height:19px; }

form#form_inscription .checked,.selected{ color:#88888c; }

input.input_txt_cd { border:0; margin:0; padding:3px 0 0 5px; width:153px; height:19px; font:13px Arial, Helvetica, sans-serif; 
					 background:url(../gene/image/colonne_droite/cd_input.gif) left top no-repeat; color:#666666;  }
					 
input.input_submit_cd { border:0; margin:-22px 0 0 0; background:url(../gene/image/colonne_droite/cd_submit.gif) left top no-repeat;
						width:35px; height:22px; color:white; font-weight:bold; float:right; cursor:pointer; }

								   			   

/*########################################################################################################################################
																	FANCY FORM
/*######################################################################################################################################*/

.f_checkbox {  color:#88888c; font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; }
							   
.f_checkbox,.f_radio{ background-repeat:no-repeat; background-position:5px center; 
					  display:block; cursor:pointer; cursor:pointer; }
					  
.checked,.selected{color:#88888c}

.f_radio:hover,.f_checkbox:hover {color:#88888c !important}

.f_checkbox {padding:0.5em 24px}

.unchecked{background-image:url(../gene/image/form/chk_off.png);}

.checked{background-image:url(../gene/image/form/chk_on.png)}

/*@import url('shadedborder.css');*/
/*########################################################################################################################################
																	CENTRE
/*######################################################################################################################################*/

#centreSite .sb-inner { background:white  } 
#border1 .sb-inner { background:#dcccff; }
#col_principal #rose .sb-inner { background:#fdf2f4; }
#col_principal div.cp_int .sb-inner { background:white; }

/* ######### COULEURS ########### */
#col_principal div.vert1 .sb-border  { background:#acc40e; }
#col_principal div.vert2 .sb-border  { background:#84af32; }
#col_principal div.rouge .sb-border  { background:#fe0040; }
#col_principal div.rose .sb-border   { background:#ed6f89; }
#col_principal div.orange .sb-border { background:#ffa500; }
#col_principal div.bleu .sb-border   { background:#1aa8cc; }

/*########################################################################################################################################
																COLONNE DROITE
/*######################################################################################################################################*/

#col_droite p.cd_lien .sb-inner  { background:#4b3390; }
#col_droite div.cd_int .sb-inner  { background:#dcccff; }
#col_droite div.cd_int_grad .sb-inner  { background:url(../gene/image/colonne_droite/cd_grad.gif) repeat-x bottom #f5f0ff; }
#col_droite div.cd_int_grad .sb-border  { background:#4b3390; }

/*@import url('mediaboxAdvanced.css');*/
/* mediaboxAdvanced - white theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #838383;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../img/mediaboxAdvanced/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
	background: #ffffff url(../img/mediaboxAdvanced/WhiteLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #000000;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 96px;
	background: transparent url(../img/mediaboxAdvanced/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 96px;
	background: transparent url(../img/mediaboxAdvanced/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 96px;
	background: transparent url(../img/mediaboxAdvanced/BlackClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}

/*########################################################################################################################################
																	COULEURS
/*########################################################################################################################################
MARRON HEADER : #1b1719
MARRON FOCUS : #71696d
########################################################################################################################################*/


/*########################################################################################################################################
																	BALISE
/*######################################################################################################################################*/

/*html, body {  height:100%; }*/
html { font-size:100%; }

body { margin:0; padding:0; font-size:12px; font-family:Arial,Helvetica sans-serif;
	   background:url(../gene/image/BG.gif) center top repeat-x #ccc8d6;  }
			
img,object { border:0; }

form,fieldset,p,adress { border:0; padding:0; margin:0; }

input, button, select {  vertical-align: middle; }

ul,ol,li { margin:0; border:0; }

a { text-decoration:none; outline: none; }

a img { border:0; }

em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/*########################################################################################################################################
																	GLOBAL
/*######################################################################################################################################*/

div#global { width:994px; position:relative; overflow:hidden; margin:0 auto; padding:0; text-align:left;
			 background:transparent; }
			 
			 
/*########################################################################################################################################
																	BLOCS
/*######################################################################################################################################*/

div.clear { clear:both; overflow:hidden; }

div#player_home { position:relative; margin:0 0 20px 0; padding:0; overflow:hidden; clear:both; }

#centreSite { position:relative; margin:15px 5px 15px 5px; padding:0 0 0 0; overflow:hidden; 
background:#FFF url(../img/fond_headerCentreSite.gif) top left no-repeat;  z-index:1;
			 width:984px; }
#centreSiteDME { position:relative; margin:15px 5px 15px 5px; padding:0 0 0 0; overflow:hidden; 
background:#FFF url(../img/fond_centreSiteDME.gif) top left no-repeat;  z-index:1;
			 width:984px; }

div#col_gauche { width:186px; float:left; margin:0 7.75px; }

div#col_droite { width:206px; float:right; margin:7.75px 7.75px 0 7.75px; }

#col_principal { float:left; width:561px; margin:7.75px 0 0 0; }

div.left_cp { float:left; width:254px; margin:0 0 0 17px; } div.right_cp { float:right; width:254px; margin:0 17px 0 0; }

/*########################################################################################################################################
																	TRAITS
/*######################################################################################################################################*/

div.hr_centre { background:#a599c7; height:5px; width:950px; margin:0 auto; position:relative; overflow:hidden; }
div.hr_centre hr { display:none; }

/*########################################################################################################################################
															  COLONNE PRINCIPAL
/*######################################################################################################################################*/

div.box_cp { position:relative; overflow:hidden; margin:0 0 25px 0; padding:0; z-index:1; }
				
div.cp_int { position:relative; overflow:hidden; padding:0 11px 15px 11px;  }

div.cp_int img.nofloat { text-align:center;  margin:0 auto; padding:0; display:block;  }

div.cp_int img.float { float:left; margin:0 10px 0 0; padding:0; display:block;  }

div.hr_cp { margin:7px 0; padding:0; overflow:hidden; clear:both; } div.hr_cp hr { display:none; }

/* ######### COULEURS ########### */

div.vert1 h5  { border-bottom:5px solid #acc40e; color:#acc40e; } div.vert1 div.hr_cp  { border-top:2px dotted #acc40e; }
div.vert2 h5  { border-bottom:5px solid #84af32; color:#84af32; } div.vert2 div.hr_cp  { border-top:2px dotted #84af32; }
div.rouge h5  { border-bottom:5px solid #fe0040; color:#fe0040; } div.rouge div.hr_cp  { border-top:2px dotted #fe0040; }
div.rose h5   { border-bottom:5px solid #ed6f89; color:#ed6f89; } div.rose div.hr_cp   { border-top:2px dotted #ed6f89; }
div.orange h5 { border-bottom:5px solid #ffa500; color:#ffa500; } div.orange div.hr_cp { border-top:2px dotted #ffa500; }
div.bleu h5   { border-bottom:5px solid #1aa8cc; color:#1aa8cc; } div.bleu div.hr_cp   { border-top:2px dotted #1aa8cc; }
div.violet h5   { border-bottom:5px solid #7E6BBD; color:#7E6BBD; } div.violet div.hr_cp   { border-top:2px dotted #7E6BBD; }

div.vert1 h5 a  { color:#acc40e; } 
div.vert2 h5 a  { color:#84af32; } 
div.rouge h5 a  { color:#fe0040; } 
div.rose h5 a   { color:#ed6f89; }
div.orange h5 a { color:#ffa500; } 
div.bleu h5 a   { color:#1aa8cc; } 
div.violet h5 a   { color:#7E6BBD; } 

/**************************************************************/

/* BARRE FIXE EN BAS DU SITE */
div#BarreFixeBas {position:fixed; bottom: 0; left: 0; right: 0; height: 50px; background-color:#4b3390; opacity:0.95; z-index:500; }
div#BarreFixeBas p {margin-top:10px; padding:0; color: #ffffff; font-size:14px; text-align:center; }
div#BarreFixeBas a {margin-top:10px; padding:0; color: #ffffff; font-size:14px; text-align:center; text-decoration:underline;  }

/***************************************************************/ 

/* BLOC ACTUS */
#bloc_actus { margin: 10px 17px 25px 17px; }
#bloc_actus .extrait_actu { margin-top: 10px; }
#bloc_actus .extrait_actu h6 { margin: 0 0 10px 0; }
#bloc_actus .extrait_actu h6 a { font-family: Georgia,'Times New Roman',Times,serif; color: #333; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; }
#bloc_actus .extrait_actu h6 a:hover { text-decoration: underline; }
#bloc_actus .extrait_actu p { font-family: Arial, Helvetica; color: #666; font-size: 12px; }
#bloc_actus .extrait_actu a { font-style: italic; text-decoration: underline; }

/***************************************************************/