/* CSS Document */

body {

	background: url(../../IMG/base/background.gif) no-repeat 0 0 #fff;
	background-position: top;
    background-attachment:fixed;
		
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	height : auto;
	width : auto;
	color : #3D3D3F;
/*	text-align: center; */
	margin:0;
	line-height:16px;
}



/***************  LIENS / IMG  *****************/

img, div { behavior: url(../../iepngfix.htc)
 }
 
img{
	border:0px;
}

h1{
	font-size:12px;
	color : #3D3D3F;
	padding : 2px;
	margin : 5px;

}

h2{
	font-size:11px;
	color : #3D3D3F;
	padding : 2px;
	margin : 5px;

}


h3{
	font-size:11px;
	color : #999;
	padding : 2px;
	margin : 5px;
	font-weight:normal;
}


h3 strong{

	color : #555;


}


a
{
	text-decoration:none;
	outline:none;
	color:#000;

}

a:visited
{
	text-decoration:none;
	outline:none;
	color:#000;

}

a:hover{
	text-decoration: none;
	outline:none;
	color:#999;


}

a.on,
a.on:visited

{
	text-decoration:none;
	outline:none;
	color:#000;
	font-weight:bold;

}

a.on:hover{
	text-decoration: none;
	outline:none;
	color:#999;


}

hr{
	border:0px;
	border-top:dotted 1px #999;
	width:100%;
	margin:10px 0 10px 0;
}

/***************  BLOCS PRINCIPAUX  *****************/


#container{
	text-align:center;
	position: relative;
	text-align: left; 
	margin:10px auto; 
	padding: 0;
	width: 1024px;
	height:auto;
}


#logo{
	position:absolute;
	top:0px;
	left:42px;
	width:170px;
	height:190px;


}


#annonce{
	position:absolute;
	top:0px;
	left:290px;
	width:700px;
	height:115px;
	border-bottom:dotted 1px #999;


}

#annonce #txt{
	position:absolute;
	top:0px;
	left:0px;
	width:340px;
	height:110px;
	padding:2px;
	margin:0px;

}

#annonce #txt #titre{
	margin:0 0 0 6px;
	font-weight:bold;
}

#annonce #image{
	position:absolute;
	top:0px;
	left:350px;
	width:350px;
	height:115px;

}

#menu_left{
	position:absolute;
	top:190px;
	left:10px;
	width:240px;
	height:auto;


}
#menu_left #titre h1{
	padding:0px;
	margin:0 0 0 0;
}


#menu_left #titre{
	border:0px;
	border-top:dotted 1px #999;
	padding:10px 10px 5px 8px;
	margin:0;


}

#menu_left #titre.gris{
	

	margin:0 0 5px 0;
	padding:3px 0px 3px 10px;
	width:230px;
	color:#FFF;
	background-color : #3D3D3F;
	border:0px;
}

#menu_left #titre.gris a,
#menu_left #titre.gris a:visited{

	font-weight:bold;
	color : #FFF;
}

#menu_left #titre.gris a:hover{
	text-decoration: none;
	outline:none;
	color : #CBD300;
	font-weight:bold;



}







#menu_left #titre h3{
	width:250px;

}

#menu_left #titre a,
#menu_left #titre a:visited

{
	text-decoration:none;
	outline:none;
	color : #3D3D3F;
	font-weight:bold;

}

#menu_left #titre a:hover{
	text-decoration: none;
	outline:none;
	color : #3D3D3F;
	font-weight:normal;
}




#menu_left #titre_article{
	border:0px;
	border-top:dotted 1px #999;
	padding:10px 10px 0px 10px;
	margin:0;
	height:20px;
	width:235px;
	font-weight:normal;

}

#menu_left #titre_article a,
#menu_left #titre_article a:visited

{
	text-decoration:none;
	outline:none;
	color : #3D3D3F;
	font-weight:normal;

}

#menu_left #titre_article a:hover{
	text-decoration: none;
	outline:none;
	color : #3D3D3F;
	font-weight:bold;
}


#menu_left #titre_article a.on,
#menu_left #titre_article a.on:visited

{
	text-decoration:none;
	outline:none;
	color : #3D3D3F;
	font-weight:bold;

}

#menu_left #titre_article a.on:hover{
	text-decoration: none;
	outline:none;
	color : #3D3D3F;
	font-weight:normal;
}






#menu_left #vert{
	margin:0;
	padding:3px 0px 3px 10px;
	width:230px;
	background-color:#CBD300;
	color:#FFF;


}



#menu_left #vert a,
#menu_left #vert a:visited

{
	text-decoration:none;
	outline:none;
	color : #FFF;
	font-weight:bold;

}

#menu_left #vert a:hover{
	text-decoration: none;
	outline:none;
	color : #3D3D3F;
	font-weight:bold;
}




#menu_right{
	position:absolute;
	top:135px;
	left:290px;
	width:780px;
	height:auto;

}

#menu_right #titre{
	float:left;
	border:0px;
	border-left:dotted 1px #999;
	padding:2px 10px 3px 10px;
	margin:0;
	height:30px;
	width:100px;
	font-weight:bold;

} 

#menu_right a,
#menu_right a:visited

{
	text-decoration:none;
	outline:none;
	color : #3D3D3F;
	font-weight:bold;
	height:37px;
	width:110px;
	display:block;
	float:left;

}

#menu_right a:hover{
	text-decoration: none;
	outline:none;
	color:#FFF;
	background-color:#3D3D3F;
	height:37px;
	width:110px;
	display:block;
	float:left;
}

#menu_right a.on,
#menu_right a.on:visited

{
	text-decoration:none;
	outline:none;
	color:#FFF;
	background-color:#CBD300;
	font-weight:bold;
	height:37px;
	width:110px;
	display:block;
	float:left;
}

#menu_right a.on:hover{
	text-decoration: none;
	outline:none;
	color:#FFF;
	background-color:#3D3D3F;
	height:37px;
	width:110px;
	display:block;
	float:left;

}

#menu_right #ariane{
	border-left:dotted 1px #999;
	padding-left:5px;
	margin-top:5px;
	background-color : #FFF;
	width:auto;
	height:20px;
}

#menu_right div#ariane a,
#menu_right div#ariane a:visited

{
	text-decoration:none;
	outline:none;
	color : #888;
	font-weight:normal;
	height:auto;
	width:auto;
	display:block;
	float:left;

}

#menu_right div#ariane a:hover{
	text-decoration: none;
	background-color:#FFF;
	outline:none;
	color : #000;
	height:auto;
	width:auto;
	display:block;
	float:left;
}



#menu_right div#ariane a.on,
#menu_right div#ariane a.on:visited

{
	text-decoration:none;
	outline:none;
	color:#FFF;
	background-color:#FFF;
	font-weight:bold;
	height:37px;
	width:110px;
	display:block;
	float:left;
}

#menu_right div#ariane a.on:hover{
	text-decoration: none;
	outline:none;
	color:#000;
	background-color:transparent;
	height:37px;
	width:110px;
	display:block;
	float:left;

}

#contenu{
	position:relative;
	top:200px;
	left:290px;
	width:640px;
	height:auto;
	min-height:500px;

}


.plan h2{
background-color:#3D3D3F; 
padding:6px ;
font-size:12px ;
}

.plan h2 a{
color:#FFF ;

}

.plan li{
	color:#CBD300;
}

.plan li a{
list-style-type:none;
	color:#3D3D3F;
}




.mot h1{
background-color:#3D3D3F; 
color:#FFF; 
padding:6px ;
font-size:15px ;
}

.mot h1 a{
color:#FFF ;

}

.mot h2{
background-color:#EEE; 
color:#333; 
padding:6px ;
font-size:12px ;
text-transform:uppercase
}


.mot p{
padding:12px ;
line-height:18px;
}


.mot .contre-encart{

margin:0;
}


.mot .contre-encart h2{
background-color:#CBD300; 
color:#FFF; 
padding:6px ;
font-size:12px ;
text-transform:uppercase
}




.mot ul{
	color:#333;
margin:0;
}

.mot li{
	color:#333;
margin:0;
}

.mot li a{
list-style-type:none;
	color:#333;
margin:0;
}

.mot li a:hover{
list-style-type:none;
	color:#CBD300;
margin:0;
}




#contenu #vert{
	text-decoration:none;
	outline:none;
	color : #FFF;
	background-color : #333;
	font-weight:bold;
	margin:0;
	padding:5px 0px 5px 10px;
	height:17;
	width:650px;
	display:block;
filter: alpha(opacity=65); 
-moz-opacity: .65; 
opacity:.65;

}

#contenu h3{

	color:#3D3D3F;

}



#contenu #titre{
	float:left;
	border:0px;
	border-left:dotted 1px #999;
	padding:2px 10px 3px 5px;
	margin:0 0 3px 0;
	width:100%;
	font-weight:bold;

} 

#contenu #soustitre h1{
	color : #555;
	font-size:11px;
	padding : 2px;
	margin : 5px;

} 

#contenu #image{
	float:left;
	margin:0 10px 10px 0;

}

#footer{

	padding:5px 0 0 0;
	margin:20px 0 0 0;
	border-top:dotted 1px #999;
	width:700px;
	height:20px;
	color : #999;
	font-size:11px;
}


#footer #mots{

	padding : 0 0 0 0;
	margin : 0 0 0 0;
	width:700px;
	color : #AAA;
}

#footer #mots a,
#footer #mots a:visited{

	color : #AAA;
}

#footer #mots a:hover{
	text-decoration: none;
	outline:none;
	color : #333;




}




#mots h2{
	text-transform:uppercase;
	font-size:11px;
	color : #AAA;
	padding : 0;
	margin : 5px 0 5px 0;
	display : inline;
	background-color:#FFF;
}

#mots h2:after{

content:"|";
}

/***************  LIENS / IMG  *****************/
#newsletter form{
float:left;
text-align:left;
margin:0;
}


#newsletter .spip_bouton input{
float:left;
margin:10px 0;
width:100px;
}

#newsletter input{
margin:5px 0;
width:230px;
}


#newsletter fieldset{
border:0px;
width:230px;
margin:0;
}

#newsletter fieldset div .spip_bouton input{
border:0px;
width:230px;
cursor:pointer
}

#newsletter fieldset div input{
border:solid 1px #CCC;

}

/***** Plugin Tooltip Jquery ***********/

#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #3D3D3F;
	color: #FFF;
	padding: 5px;
	//opacity: 0.85;
	width:auto;
	height:17px;

}
#tooltip h3 { 
	margin: 0; 
	color: #fff; 
	background-image:url(../../IMG/base/triangle_survol.png);
	background-repeat:no-repeat;
	background-position:left;
	height:48px;
	overflow:visible;
	}

#tooltip div {}

a.nocurseur:hover {
cursor:none;


}




/***** Galerie Jquery fade + play auto ***********/


#slideshow { position: relative; width: 600px; height:450px; overflow:hidden;  }
#controls { z-index:1000; position: absolute; top: 0px; left: 0px; 
    background-color: #CBD300; color: #FFF; border: 0px; margin: 0; padding: 10px; display:none; 
    width: 218px; height:17px;
}
#controls a{ color: #FFF; }
#controls span { margin: 0 5px; color: #FFF; }

#controls #output {color:#FFF; background-color:#3D3D3F; padding:10px ;   width:342px; height:auto; min-height:17px; position: absolute;
top:0px; left:238px; opacity: 0.85; z-index:500; }