* {
	margin: 0; 
	padding: 0; 
	border: 0;
	font-size: 1em; 
	font-weight: normal; 
	font-style: normal;
	text-decoration: none;
}
h1{
	font: bold small-caps 13pt Trebuchet MS, Helvetica, sans-serif;
	color: #aaa;
	margin:0px;
}

h2{
	font: bold small-caps 13pt Arial, Helvetica, sans-serif;
	color: #000;
	margin:0px;
}

strong.spip{font-weight: bold; color: black}
.spip_documents img{margin:5px;}
.gauche50 ul{margin-top:15px;list-style-type:square; }
.gauche50 li{margin-top:15px;list-style-position: inside;}
.gauche50 li a{color: #0099CC}

a{color: #5E5E5E;}
a:hover{color: #C61717;}

body { 
	margin: 0; 
	padding: 0; 
	font: normal 9pt Trebuchet MS, Helvetica, sans-serif;
	color: #333333;
}

#site{
	position: absolute;
	width: 768px;
	background: url(../_images/jpg/fond_bleu.jpg) repeat-y;
	left: 50%;
	top:10px;
	margin-left: -384px; 
	overflow: hidden;
}
/*casse le flux, peut etre remplacé par un clearfix, mais je n'arrive pas à le faire marcher*/
.cache{
	line-height:0px;
	margin:0; padding:0;
	border:0;
	height:0px;
	font-size:0pt;
	width:100%;
	clear: both; 
	visibility:hidden; 
	/*border:1px solid red;*/
}

h3{
	font: bold 10pt Trebuchet MS, Helvetica, sans-serif;
	color: gray;
	text-align: center;
	
}
h2{
	font: bold 10pt Trebuchet MS, Helvetica, sans-serif;
	color: #3399CC;

}
h2 a{
	font: bold 10pt Trebuchet MS, Helvetica, sans-serif;
	color: #3399CC;
}
h2 a:hover{
	font: bold 10pt Trebuchet MS, Helvetica, sans-serif;
	color: #3399CC;
	text-decoration: underline
}

table .spip{}
tr.row_oll{background:#FEFEFE;}
tr.row_even{background:#B8E7F5;}
td{padding:2px}
/***********************BANDEAU HAUT***************************/
#bandeau_haut{
	float: left;
	width: 768px;
	margin-left:0;
	height: 139px;
	background: url(../_images/jpg/bandeau_haut.jpg) no-repeat;
	/*
	*/
}

#pub_bandeau_haut h1{
	font: bold 12pt Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #009999;
	float: right;
	text-align: center;
	display: block;
	width:250px;
}

#pub_bandeau_haut{
	width:251px;
	height:103px;
	overflow: hidden;
	text-align: left;
	padding-right:6px;
	float: right;
	background: white;
	margin: 13px 7px 28px 0;
	font: normal 8pt Trebuchet MS, Arial, Helvetica, sans-serif;
	background: url(../_images/gif/encart_pub_banniere.gif) no-repeat;
}


/***********************MENU***************************/
ul.nav{list-style-type:none; }

ul.nav hr {
	visibility: visible;
	display:block;
/*
	<!--img src="../_images/jpg/trait_menu_degrade.jpg" width="143" height="3" /--> 
*/

}

ul.nav li{
	text-align: center;
	margin: 10px 0px 0px 0px;
	/*border-bottom: 1px solid white; */
}
	
ul.nav li a {
	text-decoration:none; 
	color:white;
	/*height:25px; */
	font-weight: bold; 
	line-height:1.5em;
}
ul.nav li a:hover {color:#FAC612;}

#menu_une{
	margin-top:15px;
	width: 146px; 
	float: left;
	clear: both;	
}
#menu_une p{
	padding-left:13px;
	color: white;
}

#menu_une h2{
	padding-left:15px;
	color: white;
	font: bold 10pt Trebuchet MS;
}

#menu_une .logo{
	margin-left:30px;
}

form.boutique input{background:#CCE8FF}

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

#contenu{
	float: left;
	width:100%;
	background:url(../_images/jpg/barre_contenu_degradee.jpg) repeat-y
	
}
#contenu p{margin:8px; text-align: justify}

#contenu .gauche_image{
	float: left;
	height: 476px; 
	width:146px;
	background: url(../_images/jpg/menu_gauche.jpg) no-repeat; 
}
#contenu .gauche50 {
	float: left;
	width: 39%;
	margin:8px;
}
#contenu .droite25 {
	float: right;
	width: 25%;
}
#contenu .droite {
	margin-top:5px;
	float: right;
	width: 39%;
}

#contenu #gauche {
	margin-top:5px;
	float: right;
	width: 300px;
	margin-right:5px;
}

.spip_logos{margin:5px;}
/************************************encarts*************************************/
#contenu .encart_droit {
	float: right;
	width: 146px;
}

.cadre_jaune_petit{
	float: right;   
	margin-top:5px;
	width: 146px;
	background:url(../_images/gif/encart_jaune_petit_milieu.gif) repeat-y;
}

.cadre_jaune_petit .haut{
	width: 146px;
	height:30px;
	background:url(../_images/gif/encart_jaune_petit_haut.gif) no-repeat;
}

.cadre_jaune_petit .haut h1{
	text-align: center;
	width: 143px;
	color: #205E8C;
	float: left;
	margin: 10px 0 0 0px;
	font: bold 8pt/1.1em Trebuchet MS, Helvetica, sans-serif;
}

.cadre_jaune_petit .milieu{
	float: left;   
	width: 132px;
	margin:5px 0 0 5px;
}

.cadre_jaune_petit .bas{
	float: left;   
	width: 146px;
	height:6px;
	background:url(../_images/gif/encart_jaune_petit_bas.gif) no-repeat;
	overflow: hidden;
}

.cadre_jaune_grand{
	float: right;   
	width: 300px;
	background:url(../_images/gif/encart_jaune_milieu.gif) repeat-y;
}


select.form_jaune {
	width: 130px;
	border:1px solid #205E8C ;
}

input.form_jaune {
	width: 130px;
	height: 18px;
	border:1px solid #205E8C ;
}

.cadre_jaune_grand .haut{
	width: 300px;
	height:44px;
	background:url(../_images/gif/encart_jaune_haut.gif) no-repeat;
}

.cadre_jaune_grand .haut h1{
	text-align: center;
	width: 260px;
	color: #205E8C;
	float: left;
	margin: 10px 0 0 10px;
	font: bold 12pt/1.5em Trebuchet MS, Trebuchet MS, Helvetica, sans-serif;
}

.cadre_jaune_grand .milieu{
	float: left;   
	width: 280px;
	margin:5px 0 0 5px;
}
.cadre_jaune_grand h2{font-size:10pt; font-weight: bold;}

.cadre_jaune_grand .bas{
	float: left;   
	width: 300px;
	height:8px;
	background:url(../_images/gif/encart_jaune_bas.gif) no-repeat;
	overflow: hidden;
}


.cadre_bleu_grand{
	float: right;   
	width: 600px;
	background:url(../_images/gif/encart_bleu_clair_milieu.gif) repeat-y;
}

.cadre_bleu_grand .haut{
	width: 600px;
	height:44px;
	background:url(../_images/gif/encart_bleu_clair_haut.gif) no-repeat;
}

.cadre_bleu_grand .haut h1{
	text-align: center;
	width: 560px;
	color: white;
	float: left;
	margin: 10px 0 0 10px;
	font: bold 12pt/1.5em Trebuchet MS, Trebuchet MS, Helvetica, sans-serif;
}

.cadre_bleu_grand .milieu{
	float: left;   
	width: 580px;
	margin:5px 0 0 5px;
}
.cadre_bleu_grand h2{font-size:10pt; font-weight: bold;}

.cadre_bleu_grand .bas{
	float: left;   
	width: 600px;
	height:8px;
	background:url(../_images/gif/encart_bleu_clair_bas.gif) no-repeat;
	overflow: hidden;
}

.cadre_bleu_petit{
	float: right;   
	margin-top:5px;
	width: 146px;
	background:url(../_images/gif/encart_bleu_petit_milieu.gif) repeat-y;
}

.cadre_bleu_petit .haut{
	width: 146px;
	height:30px;
	background:url(../_images/gif/encart_bleu_petit_haut.gif) no-repeat;
}
.cadre_bleu_petit a{
	width: 136px;
}

.cadre_bleu_petit .haut h1{
	text-align: center;
	width: 130px;
	color: #FCF868;
	float: left;
	margin: 7px 0 0 5px;
	font: bold 8pt/1.5em Trebuchet MS, Helvetica, sans-serif;
}

.cadre_bleu_petit .milieu{
	float: left;   
	width: 133px;
	margin:5px 2px 0 5px;
	/*text-align: justify;*/
}

.cadre_bleu_petit .bas{
	float: left;   
	width: 146px;
	height:6px;
	background:url(../_images/gif/encart_bleu_petit_bas.gif) no-repeat;
	overflow: hidden;
}

.encart_bleu_gris{
	float: right;   
	margin-top:5px;
	width: 600px;
	background:url(../_images/gif/encart_bleu_gris_milieu.gif) repeat-y;
}

.encart_bleu_gris .haut{
	width: 600px;
	height:20px;
	background:url(../_images/gif/encart_bleu_gris_haut.gif) no-repeat;
}

.encart_bleu_gris .haut h1{
	text-align: center;
	width: 600px;
	color: white;
	float: left;
	margin: 5px 0 0 5px;
	font: bold 14pt/1.5em Trebuchet MS, Helvetica, sans-serif;
}

.encart_bleu_gris .milieu{
	width: 580px;
	float: left;   
	margin:5px 2px 0 6px;
	/*
	text-align: justify;
	*/
}
.spip_documents_center img{clear: both; width: 100%; margin: auto;}

.encart_bleu_gris .bas{
	float: left;   
	width: 600px;
	height:20px;
	background:url(../_images/gif/encart_bleu_gris_bas.gif) no-repeat;
	overflow: hidden;
}

/************************************fin encarts*************************************/

#contenu .centre100 {
	float: left;
	width: 70%;
}

#contenu .partenaires{
	float: left;
	width:300px;
	background: url(../_images/jpg/partenaires_milieu.jpg) repeat-y; 
}
#contenu .partenaires .haut{
	height: 71px; 
	width:300px;
	background: url(../_images/jpg/partenaires_haut.jpg) no-repeat; 
}
#contenu .partenaires .bas{
	position: relative;
	bottom:0;
	height: 21px; 
	width:300px;
	background: url(../_images/jpg/partenaires_bas.jpg) no-repeat; 
}

#contenu .partenaires .contenu_logos{
	width:280px;
	margin-left:23px;
}
/*.zonePartenaires {margin: 8px; margin-top: 75px; border: 1px blue solid}*/
#contenu .partenaires .contenu_logos:after {
	display: block;
	height: 0;
	content:".";
	clear:both;
	visibility:hidden;
}

#contenu .partenaires .contenu_logos .logos{
	float: left;
	height: 59px; 
	margin:5px 5px 0 5px;
	width:113px;
	text-align: center;
}


#contenu .sponsors{
	float: left;
	height: 95px; 
	width:300px;
	background: url(../_images/jpg/encart_sponsors.jpg) no-repeat; 
}
.zoneSponsors {margin: 8px 8px 8px 10px; margin-top: 20px;}


#bandeau_bas {
	float: left;
	clear:both;
	height:37px;
	width: 768px;
	background: url(../_images/jpg/bandeau_bas.jpg) no-repeat; 
}
#bandeau_bas .image {
	float: left; margin-left:15px; margin-top:5px; 
	height:25px;
	width: 87px;
}

.spip_documents{
	font: bold 7pt Arial, Helvetica, sans-serif;
	color: #555;
}
#gauche IMG{
	float: left;
	margin:5px;
}

IMG{
	float: left;
}


.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
 
/*pour ie*/
.clearfix {height:1%}

#logo{
	float: right;
	width:160px;
	margin:5px 0 5px 10px;
}
/***************** forum ****************/
li.black{list-style-type:none;}
#forum_form input{ height:25px; width: 600px; background: #e8e8e8}
#forum_form textarea{border: 1px solid gray; width: 600px; height:150px;}
#forum_form input.envoyer{
	background:url(../_images/gif/envoyer.gif) no-repeat;width: 206px; height:26px;
	cursor: pointer;
}
.arrondi {
	/*background:url(../_images/jpg/degrade_grand.jpg) repeat-y;*/
	width:95%;
	border: 1px solid gray;
	border-left: 10px solid #FFFF99;
	text-align: left;
	padding-bottom:5px;
	background:#5e5e5e;
}

.contour{
	/*background:url(../_images/jpg/degrade_titre_vert.jpg) repeat-y;*/
	width:95%;
	border: 1px solid #FFE000;
	border-left: 10px solid #FFE000;
	text-align: left;
	padding-bottom:5px;
}

.contour.droite2{
	float: right;
	padding: 0 4px;
	margin-right:10px;
	background:url(../_images/gif/degrade.gif) repeat-y;
	margin-top:10px;	
}

.contour.gauche2{
	float: left;
	padding: 0 4px;
	margin-left:0px;
	background:url(../_images/gif/degrade.gif) repeat-y;
	margin-top:10px; font-size:12pt
}

.contour.gauche2 a{color: #3399CC; font-size:12pt}
.contour.droite2 a{color: white;}

.contour .texte1{color: #494949;}
.contour .date1{color: black;}
.contour .date1 a{color: black;}
.contour .auteur1{color: black;}
.contour .auteur1 a{color: black;}
.contour .poster1{color: black;}

#test_forum h1.degrade_vert{
	background:url(../_images/gif/titre_jaune.gif) repeat-y;
	height:95%;
	color: #006699;
	margin: 30px 0 15px 0;
	padding:3px;
	width:600px;
	line-height:1.5em;
}

#test_forum ul {margin:0;padding:0;}
#test_forum li {list-style-type:none;margin-left:8px;}
#test_forum ul ul {margin-left:12px;}

#test_forum h1 {background:url(../_images/gif/degrade.gif) repeat-y;height:95%;margin: 30px 0 15px 0;padding:3px;line-height:1.5em;}

#test_forum p {text-align: left; margin-bottom:0}
#test_forum .date1 {font-weight: bold; }
#test_forum .poster1 {float:right; background:url(../_images/gif/degrade.gif) repeat-y; padding:0 3px 0 3px }
#test_forum .poster1 a:hover{color: #006699}
#test_forum .texte1 {display:block; clear:both;}
#test_forum .auteur1 {clear:both;color:#fff }
#test_forum .auteur1 a{clear:both;color:#fff }

.droite2{
	float: right;
	padding: 0 4px;
	margin-right:10px;
	background:url(../_images/gif/degrade.gif) repeat-y;
	margin-top:10px;	
}

.droite2 a{color: #006699;}
.droite2 a:hover{color: #FFFF99;}

.reponse {margin-top:8px;border-top:1px solid #AEDD1D;}
.premier{border:none;}


/***************** bannière défilement logos ****************/
#picturediv {
	position:absolute;
	width:280px;
	top:0; left:0;
	/*border: 1px black dashed;*/
	background: #fff;
}
#emptypicturediv {
	position:absolute;
	width:280px;
	top:200px; left:200px;
	border: 1px red solid;
}

.contact input{border: 1px solid gray}
.contact textarea{border: 1px solid gray}
.contact{color:#3399CC; font-family:Trebuchet MS, Arial; font-weight: bold; font-size:10pt}