/* GENERAL ET BLOCS PRINCIPAUX
--------------------------------------------------------------------------------------- */
body {
	background: url(img/test_bg4.png) repeat-x center top;
	background-position: 30px 0px;
	background-color: #222222;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}
html, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

ul {margin:2px 0 6px 20px; padding:0 0 0 7px; list-style:none;}

#cadre{
	/*background: url(img/cadre_fond.png) repeat-y top center;*/
	background-color: #555555;
	margin: 0 auto 0 auto;
	padding:0;
	width: 1000px;
	border:1px solid #000;
	overflow:hidden;
	_overflow:visible
}
#cadreconteneur{padding:0; margin:0;}

#entete{
	float: left;
	width: 1000px;
	height: 251px;
	position: relative;
}
#bandeau{
	border-bottom:1px solid #000;
}
#centre{
	/*background: url(img/centre_fond.png) repeat-x left top;
	background-color: #555555;
	float: left;*/
	width: 1000px;
	padding:0 0 35px 0;
	margin:0;
}
#colgauche{
	float: left;
	width: 251px;
	margin:0;
	padding:0;
	/*border-bottom:1px solid #000;
	border-right:1px solid #000;*/
}
#colgaucheContenu, #colgaucheContenu2{
	/*padding:23px 15px 20px 15px;
	background: url(img/gauche_fond.png) repeat-y left top;
	background-color:#404040;*/
	margin:33px 0 0 0;
	padding:0;
	border-top:1px solid #000;
	border-right:1px solid #000;
}
#colgaucheContenu2/* menu gauche page de contenu*/{
	/*padding:13px 15px 20px 15px;*/
	margin:25px 0 0 0;
	padding:0;
}


/*ACCUEIL*/
#colCentreAccueil{float: left;width: 497px; padding:0;margin:0;}
#colCentreAccueilContenu{padding:15px 25px 0 25px;margin:0;}
#colDroiteAccueil{float: left;width: 249px;padding:0;margin:0;}
#colDroiteAccueilContenu{padding:0;margin:0;}
/* /// */

/*PAGE CONTENU*/
#colCentre{float: left;width: 749px;}
#colCentreContenu{padding:25px 25px 20px 25px;}
#colCentreContenu h1{margin-bottom: 30px; margin-top:10px;} 
#colDroite{float: right;width: 249px;}
#colDroiteContenu{padding:0; margin:0;}
/* /// */

#menuAccueil, #menuAccueil a{ 
	position:absolute;
	top: 0px;
	left:0px;
	width:126px;
	height: 126px;
}

#nettoyeur {clear:both; height:3px; margin:0; padding:0;}

/* TEXTES
--------------------------------------------------------------------------------------- */

body,td,th,div,a { font: 12px Arial, Helvetica, sans-serif; color: #ffffff; }

h1{font: bold 16px Arial, Helvetica, sans-serif;; margin-bottom: 20px;}
h2{font: bold 12px Arial, Helvetica, sans-serif; margin-bottom: 2px;}
h3{font: bold 15px Arial, Helvetica, sans-serif;color: #939188;}

a { color:#b3d3ff; text-decoration:none; text-decoration:underline; }
a:hover { color:#fabb13; }

p, ul, td{
	font : 12px Arial, Helvetica, sans-serif; 
	color: #ffffff;
	line-height: 140%;
}
input, select, textarea{
	font : 12px Arial, Helvetica, sans-serif; 
	color: #000000;
}

#contenu, #contenu p{
	/*text-align: justify;*/
	font : 12px Arial, Helvetica, sans-serif; color: #515151;
	line-height: 18px;
	margin: 0 0 6px 0;
}
#contenu{
	margin: 0 0 20px 0;
}
#savoirplus{
	margin: 4px 0 0 0;
	padding: 0;
	text-align:left;
}
#savoirplus a{
	padding:3px 0 5px 0px;
	/*background: url(img/fleche_savoirplus.png) no-repeat left 7px;*/
}

.titre {
	font-family:Arial;
	font-size:15px;
	color:#FFF;
	font-weight:bold;
}

/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{
	width: 124px;
	height: 125px;
	position: absolute;
	right: 0px;
	top: 1px;
	background: url(img/menuu_ul_bg.png) no-repeat left top;
}
#menuu ul{margin:0;padding:0;}
#menuu ul li{padding: 0;margin: 0;display: block;list-style-type:none;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	display: block;
	padding: 6px 0 0 6px;
	margin: 1px 0 1px 0;
	height: 24px;
	color: #ffffff;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#menuu ul li.dernier a{padding: 7px 0 0 6px;}
#menuu ul li a:hover, #menuu ul li a:visited:hover{border-left: 5px solid #1a9fd7;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	position:absolute;
	top: 126px;
	right:0px;
	width:750px;
	height: 124px;
	background-color: #333;
	border-top: 1px solid #000;
}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0;float: left;list-style-type:none;}
#menu ul a{
	display: block;
	padding: 47px 0 7px 0;
	text-align:center;
	font: 16px Arial, Helvetica, sans-serif;
	line-height:17px;
	width : 124px;
	height: 70px;
	color: #ffffff;
	text-decoration: none;
	background: url(img/menu_li_bg.png) no-repeat right top;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
#menu ul li.dernier a{border-left: 1px;}

#menu ul a:hover {color: #fff;background: url(img/menu_a_bg.pngg) repeat-x top; background-color:#2b2b2b;}

#menuTop {
	position:absolute;
	top: 0px;
	right:0px;
	width:124px;
	height: 126px;
	border-left: 1px solid #000;
}
#menuTop a{
	display:block;
	width:124px;
	height:24px;
	background: url(img/bg_menutop.png);
	padding:6px 0 0 4px;
	margin:0 0 2px 0;
	font: 13px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
#menuTop a:hover{
	background: url(img/bg_menutop.pngg);
}
#menuTopLink a{
	position:absolute;
	top: 0px;
	left:0px;
	width:210px;
	height: 225px;
	background: url(img/bg_menutop.pngg);
	margin:15px 0 0 20px;
}
#introFlash { width:800px; margin:100px auto;}
	

/* SOUS- MENU
--------------------------------------------------------------------------------------- */
#menu ul li ul{ 
	position: absolute; /* Position absolue */
	width: 248px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoie loin du champ de vision */
	top : 125px;
	text-align : left;
}
#menu ul li ul li{
	margin:0;
	padding:0;
	background : #333;
	border : 1px solid #000;
	border-top : 0px;	
} 
#menu ul li ul a{
	text-align:left;
	font: bold 13px Arial, Helvetica, sans-serif;
	width: 228px;
	height:auto;
	border-left: 0px;
	border-bottom: 0px;
	background:url(img/fleche.gif) no-repeat left top;
	background-position: 7px 13px;
	padding:8px 0px 8px 21px;
	margin:0;
}
#menu ul li ul a:hover{
	background:url(img/fleche.gif) no-repeat left top;
	background-position: 11px 13px;
	background-color:#2b2b2b;
}
#menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li.sfhover ul, #menu ul li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}
#menu ul li:hover  ul.dernier{
	left: 500px; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}


/* GAUCHE
--------------------------------------------------------------------------------------- */
#blocGauche{ height:124px; border-bottom:1px solid #000; padding:0; margin:0;}
#blocGaucheTitre a, #blocGaucheTitre a:hover, #blocGaucheTitre2 a, #blocGaucheTitre2 a:hover{
	display:block;
	height:124px;
	font: 16px Arial, Helvetica, sans-serif; 
	color:#FFF; 
	text-decoration:none;
	text-align:right;
	padding:3px 132px 0 0;
}
#blocGaucheTitre2 a, #blocGaucheTitre2 a:hover {
	text-align:left;
	padding:3px 0 0 130px;
}
#blocGauche img {margin: 3px 0 4px 0;border: 0;}
#pointilles {height:35px;background: url(img/pointilles.png) repeat-x  left 10px;}

#menuGauche ul{margin:0;padding:0;}
#menuGauche ul li{padding: 0;margin: 0;display: block;list-style-type:none;border-bottom:1px solid #555; background-color:#333;}
#menuGauche ul li a, #menuGauche ul li a:link, #menuGauche ul li a:visited{
	display: block;
	padding: 7px 0 7px 25px;
	margin: 0;
	color: #ffffff;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background:url(img/fleche.gif) no-repeat left top;
	background-position: 8px 13px;
}
#menuGauche ul li a:hover, #menuu ul li a:visited:hover{
	background-color:#2b2b2b;
}

/* BAS
--------------------------------------------------------------------------------------- */

#footer{
	background:url(img/footer_fond.png) repeat-x top;
	float:left;
	margin: 0 auto 0 auto;
	width: 1000px;
	background-color: #444444;
	border-top: 7px solid #888888;

}
#footerContenu{padding: 20px 10px 20px 15px;}

#footerBloc{ 
	float:right;
	width:138px;
	border-left:1px solid #575757;
	padding:0 15px 0px 8px;
	margin-bottom: 10px;
}
#footerBloc p a{ font-size:13px;color:#FFF;}
#footerBloc ul{margin:5px 0 0 2px;padding:0;}
#footerBloc li { 
	margin:0;
	padding:1px 0 2px 16px;
	background:url(img/fleche.gif) no-repeat left top;
	background-position: 0px 7px;
}
#footerBloc a {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 110%;  
	color:#a3a3a3;
	text-decoration:none;
}
#footerBloc a:hover {text-decoration:underline;}

#piedPageGauche{
	float: left;
	width : 250px;
	padding: 20px 0 7px 9px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #bbb;
}
#piedPageDroit, #piedPageDroit2{
	float: right;
	width:660px;
	padding: 20px 9px 7px 0;
	text-align:right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #bbb;
}
#piedPageDroit a, #piedPageDroit2 a{
	font: 12px Arial, Helvetica, sans-serif;
	color: #bbb;
	text-decoration:none;
}
#piedPageDroit a:hover, #piedPageDroit2 a:hover{
	text-decoration:underline;
}
#piedPageDroit2{
	padding:5px 4px 7px 0;
}

/* ACCUEIL
--------------------------------------------------------------------------------------- */

#intro { 
	margin:15px 0 30px 0; 
	padding:0;
	/*background: url(img/test_intro_fond.png) no-repeat left top;}*/
}
#intro p{
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding: 0;
	text-align:justify;
}

#actuImage{ float:left; height:80px; margin:3px 12px 0 0; padding:0;}
#colCentreAccueilContenu h2{ margin:20px 0 6px 0;}
#newsTitre { font-size:14px;font-weight:bold;line-height:17px; margin:0 0 4px 0;}
	
#flag {text-align:right; padding:11px 5px 9px 0;}
#flag a{ font-size:11px;text-decoration:none; line-height:14px; color:#FFF;}
#flag a:hover{color:#fabb13;}
#flag img{ float:right; border: 1px solid #303030;margin: 0px 0px 0px 4px;line-height:7px;}

#newsletter, #recherche {
	background-color: #404040;
	margin:0 0 0px 0;
	padding: 0 0 8px 0;
}
#newsletter p, #recherche p {
	margin:0;
	padding:6px 0 0 11px;
}
#newsletter a {
	margin:0 0 0 11px;
}
#newsletterChamps, #rechercheChamps {margin: 1px 8px 4px 12px;width: 144px;}
#newsletterBouton, #rechercheBouton {
	width: 72px;
	height: 22px;
	background-color:#3f3f3f;
	color:#FFF;
	font-weight:bold;
	border:1px solid #000;
	margin: 1px 0px 4px 0px;
}
#rechercheChamps {width: 184px;}
#rechercheBouton {width: 32px;}

#repertoireLien{
	background-color:#404040;
	margin:0px 0 20px 0;
	padding:12px 0 11px 0;
	/*border:1px solid #000;
	border-right:0px;*/
}
#repertoireLien a, #newsletter p, #recherche p { 
	font: bold 15px Arial, Helvetica, sans-serif;
	line-height: 21px;
	color:#FFF;
	text-decoration:none;
}
#repertoireLien a:hover {color:#FFF;text-decoration:underline;}

#repertoireLien ul{ 
	margin:0px 0 0px 10px;
	padding:0;
}
#repertoireLien li { 
	margin:0;
	padding:0 0 0px 15px;
	background:url(img/fleche.gif) no-repeat left top;
	background-position: 0px 11px;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 28px;
}
#breves {
	/*width: 227px;*/
	margin:20px 15px 0 10px;
}
#titreBreves {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0 20px 3px 0;
}
#contenuBreves {
	font: 11px Arial, Helvetica, sans-serif;
	margin:0 0px 3px 0;
	text-align:justify;
	line-height: 13px;
}
#imgBreves{
	float: left;
	margin:0 8px 5px 0;
}
#savoirplus2{
	margin: 5px 0 20px 0;
	padding: 0;
	text-align:right;
}
#savoirplus2 a{
	font: 11px Arial, Helvetica, sans-serif;
}

/* PLAN DU SITE
--------------------------------------------------------------------------------------- */
#planSite{ margin:0 0 15px 0;}
#planSite p a{ font-size:13px;color:#FFF;}
#planSite ul{margin:2px 0 0 2px;padding:0;}
#planSite li { 
	margin:0;
	padding:1px 0 2px 16px;
	background:url(img/fleche.gif) no-repeat left top;
	background-position: 0px 7px;
}
#planSite a {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 110%;  
	color:#ccc;
	text-decoration:none;
}
#planSite a:hover {text-decoration:underline;}



/* REPERTOIRE ADHERENTS
--------------------------------------------------------------------------------------- */

#formulaire { margin:0 auto 0 auto;}
#formulaire td{padding:2px 15px 2px 0;}
#boutonForm { height:30px; padding:0 10px 2px 10px; margin:3px 0 5px; line-height:20px;}
#numeros {text-align:center; margin:20px 0 15px 0;}
#numeros a{ width:50px; height:50px; background-color:#555; padding:2px 5px 2px 4px; margin:3px; border:1px solid #999; color:#FFF; text-decoration:none;}
#numeros a:hover{background-color:#333;}

/* ABONNEMENT MAGAZINES
--------------------------------------------------------------------------------------- */

#CartSum{
	
}
#cartPrice{
	float:right;
	background-color:#404040;
	padding:7px 12px 8px 12px;
	margin:4px 0 0 0;
	font: 14px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:right;
}
#CartSum #cartPrice a{
	display:block;
	margin:4px 0 0 0;
}
.cartContent{
	font-family:Arial, Helvetica, sans-serif;
	margin:7px auto;
	table-layout:auto;
	border-collapse:collapse;
}
.cartContent td{border:1px solid #999; padding-left:4px; padding-right:4px;}

#frmPay .summary{
	display:block;
	float:right;
	width:200px;
	text-align:right;
	padding:6px 11px 7px 10px;
	margin:0 ;
	background-color:#404040;
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:23px;
}
#frmPay h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	margin:3px 0 10px 0;
}
#cbType{
	width:300px;
	margin:10px 0 30px 0;
}
#cbType img{
	margin:0 1px;
	border:1px solid #DDD;
}

/* DROP DOWN LISTS
-------------------------------------------------
*/

.dropdownitem_sf_cat {
	font-weight:bold;
	color:#000000;
	background-color:#CCCCCC;
}
.dropdownitem_sf_met {
	background-color:#EEE;
}
.dropdownitem_sf_spec {
	background-color:#C3E4F3;
}
.dropdownitem_pd_cat {
	font-weight:bold;
	background-color:#CCC;
}
.dropdownitem_pd {
	background-color:#EEE;
}