@charset "iso-8859-2";
/* CSS Document * olololoa */
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

div#container {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 

	/* These have no effect on the functionality */

}




img a{border:0;}
#hideDiv{
	z-index:10;
	position:absolute;
	top:0;
	left:92%;
	width:50px;
}
#hideDiv:hover{
	cursor:pointer;
}
#hideDiv p{
	margin:0;
	padding:0;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#FFFFFF;
	width:80px;
}
#contenu #loading {
	padding: 10px 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background: url(images/ajax-loader.gif) no-repeat center;
	width: 520px; 
	height: 100px;
	background-color:#FFFFFF;
	font-size:70%;	
	margin: 0 0 0 270px;
			
}
#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 0;
	cursor:default;
	border:0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		
#wrap{
	position:absolute;
	top:120px;
	left:0;
	z-index:4;
	width:100%;
	height:100%;
	padding: 1px auto;
}
#demotip{
	display:none; 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;    
	background:transparent url(images/tooltip.png) no-repeat;}
body{
	overflow:scroll;
	margin: 0;
	padding:0;
	background-image: url(images/fond.gif);
	background-repeat:repeat;
}
img a{
	border:none;
}
#container{
	top:0;
	left:0;
	height: 100%;
	width:100%;
	position:absolute;
	z-index:5;
}


#haut{
	margin:0;
	height:100px;
	width:100%;
	background-color:#FFFFFF;
	border-bottom: solid 3px #333;
	border-top: solid 1px white;
}
#logo{
	background-image:url(images/logonew.png);
	background-repeat:no-repeat;
	width:166px;
	height:58px;
	margin: 15px 0 10px 50px;
	position:absolute;
	z-index:5;
}
#bas{
	margin: 15px 0 10px 12px;
	height: auto;
}
#nav{
	float:left;
	margin:0 0 0 50px;
	padding:0;
	width:166px;
}
#nav ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	text-indent:0px;
	width:166px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#nav a.head {
	cursor:pointer;
	background-color:#fff;
	color:#000;
	width:166px;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:10px;
	text-decoration: none;font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;}
#nav a.selected {
	background-color:#000000;
	color:#FFFFFF;
}
#nav a.head:hover {
	background-color:#000000;
	color:#FFFFFF;
}

#nav a.current {
	background-color:#999999;
	color: #000;
}
#nav li {
	list-style:none; 
	text-indent:0px;
}
#nav li ul{
background-color:#FFFFFF;
padding: 5px 0 5px 12px;
width: 154px;
}
#nav li ul li  {
	background-color:#FFFFFF;
	color:#000000;
	float:left;
	width:40px;
	height:40px;
	text-decoration: none;
	font-size:75%;
	text-transform: lowercase;
	margin:5px 5px 0 0;
	padding:0;
	border:2px solid #000;
}
#nav li ul li a {
	background-color:#FFFFFF;
	color:#000000;
	text-decoration: none;
	font-size:75%;
	text-transform: lowercase;
	margin:0;
	padding:0;
	display:block;
	
}

#nav li ul li a:hover {
	background-color:#999999;
	color:#FFF;
	border:1px solid #333;
}
#nav li ul li a.selected {
	background-color:#999;
	color:#FFFFFF;
}


h1{
margin: 10px;
}
.clear{clear:both;}
.lien{
font-family:Georgia, "Times New Roman", Times, serif;}

.logospip{
margin:10px 10px 50px 10px;
}
hr{
margin: 15px auto 5px auto;
width: 500px;
border:thin dotted #666666;
}
#contenu{
float:left;
width:520px;
height:auto;
background-color:#FFFFFF;
padding: 0 0 15px 0;
margin: 0 0 0 55px;
/*border:#333333 solid 5px;*/
}
#linkbox{
float:left;
width:520px;
height:auto;
padding: 0 0 15px 0;
margin: 0 0 0 55px;}

p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:80%;
color:#666666;
text-align:justify;
margin:10px;
width:450px;
background-color:#FFFFFF;
}
a.spip_out {
	font-size:80%;
	color:#000;
	text-decoration:underline;
	}
a.spip_out:hover {
	background-color:#000000;
	color:#FFFFFF;
}
p a.spip_out {
	font-size:100%;
	color:#000;
	text-decoration:underline;
	}
p a.spip_out:hover {
	background-color:#000000;
	color:#FFFFFF;
}
li a.spip_out {
	font-size:80%;
	color:#000;
	text-decoration:underline;
	padding: 3px 3px 3px 20px;
	}
li a.spip_out:hover {
	background-color:#000000;
	color:#FFFFFF;
}
#menu{
width: 206px;
height:auto;
background-color:#FFFFFF;
padding: 5px;
margin: 0 0 0 50px;
}
#menu img{
border:none;
}

#menu ul{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:80%;
font-weight:bold;
color:#000000;
width: 200px;
height:20px
}
#menu li          {margin: 0; padding: 0; list-style: none; }
#menu li, #menu a {height: 49px; display: block;}
/** Classes menu principal **/


/* accordion news */
.accordeon a {
	cursor:pointer;
	
}
.accordeon a:hover {
	background-color: grey;
	cursor:pointer;
}
.accordeon a.selected {

	background-color: #80cfe2;

	}
/* page lien liste	 */
#link ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	text-indent:0px;
		width:166px;
		font-family:Georgia, "Times New Roman", Times, serif;
}
#link  a.head {
	cursor:pointer;
	background-color:#fff;
	color:#000;
	width:166px;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:10px;
	text-decoration: none;font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;}
#link  a.selected {
	background-color:#000000;
	color:#FFFFFF;
}
#link  a.head:hover {
	background-color:#000000;
	color:#FFFFFF;
}

#link  a.current {
	background-color:#999999;
	color: #000;
}
#link  li {
	list-style:none outside none; display:inline;
		text-indent:0px;
}

#link  li li a {
	background-color:#FFFFFF;
	color:#000000;
	display:block;
	width:166px;
	text-indent:15px;
	text-decoration: none;
	font-size:75%;
	text-transform: lowercase;
}

#link li li a:hover {
	background-color:#999999;
	color:#FFF;
}
#link  li li a.selected {
	background-color:#999;
	color:#FFFFFF;
}

#menubas{
margin: -14px 0  0 52px;
width:auto;
height:auto;
float:left;
}
#menubas ul{
list-style-type:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;
color:#fff;
padding: 8px 0 0 2px;
}
#menubas  li a:link{
color:#fff;
text-decoration:none;
}
#menubas  li a:visited{
color:#fff;
text-decoration:none;
}
#menubas  li a:hover{
background-color:#000000;
color:#FFFFFF;
}
#menubas  li a:active{
background-color:#000000;
color:#FFFFFF;
}

.spip_doc_titre{
display:block;
width: 400px;
background-color:black;
margin: 30px 0 10px 45px;
font-family: verdana, arial;
color: white;
line-height:14px;
font-size:70%;
font-weight:normal;
}
/* /// FORMULAIRE CONTACT /// */
.spip_forms{
display:block;
margin-top: -55px;
}
.spip_forms fieldset{
border:none;
}
.spip_forms fieldset legend{
display:block;
visibility:hidden;
}
.spip_forms h3.spip{
visibility:hidden;
}
.spip_forms{
display:block;
margin: -10px 0 15px 0;
}
.spip_descriptif{
margin: -5px 0 8px 8px;
}
.spip_forms .obligatoire_oublie {
	color:red;
}
.spip_forms, .spip_sondage {
	font-family:Georgia, "Times New Roman", Times, serif;
font-size:80%;
color:#666666;
	margin: 0px;
	margin-bottom: 16px;
	padding: 4px;

}
.spip_form_champ {
	margin-bottom:1em;
}
.spip_form_label {
	display:block;
	text-align:left;
  font-weight: bold;
}
.spip_form_label_obligatoire{
  font-weight: normal;
  font-size:80%;
  margin: 0 0 0 8px;
}
.spip_form_label_details{
	display:block;
	font-style:italic;
	text-align:left;
}


.spip_form_erreur {
	float:right;
  font-weight: bold;
	color: red;
	background-color:#cccccc;
	margin: 1px;
	padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
}
.spip_form_ok {
  font-weight: bold;
	/* border: 1px solid #808080;*/
	background-color:#ffdd11;
	margin: 0px;
	padding: 0px;
	padding-left:5px;
	padding-bottom:2px;
	padding-top:15px;
}
.spip_form_ok_confirmation{
	display:block;
}

.spip_sondage .ligne_barre {
	height: 8px;
	background: #B0A0FF;
	border: 1px solid black;
}
.spip_sondage .sondage_table {
	display: table;
}
.spip_sondage .sondage_ligne {
	display: table-row;
}
.spip_sondage .sondage_ligne > div {
	display: table-cell;
	vertical-align: middle;
	padding: 2px;
	white-space: nowrap;
}
.forml, .formo, .fondl, .fondo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.forml, .formo {
	margin: 4px;
	margin-bottom: 1px;
	padding: 1px;
	width:90% ;
}
.forml, .fondl {
	border: solid 1px #666;
	background-color: #FFFFFF;
}
.formo, .fondo {
	border: solid 1px #666;
	background-color: white;
}

.spip_bouton {
margin-right:40px;
/*	border: 2px solid #666;
	padding: 3px;
	background-color: #fff;
	font-family:Georgia, "Times New Roman", Times, serif;
font-size:80%;
	font-weight:bold;
	font-size:small;
	width:100px;*/
}
/*.spip_bouton:hover{
	cursor:pointer;
	margin-right:40px;
	border: 2px solid #666;
	padding: 3px;
	background-color: #000;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:80%;
	font-weight:bold;
	font-size:small;
	width:100px;
}*/