* {
margin: 0; 
padding: 0;
}



html, body{
width:100%;
height:100%;
text-align: center; /* Pour centrer avec IE*/
}

body{
background-color:#F2F0EF;
}



body *{
hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
}


a{
text-decoration:underline;
color:#555;
}

a:hover{
color:#E4581F;
}


img{
border:none;
}









/* LAYOUT */


.wrapper{
display:block;
width: 1100px;
background-color: white;
margin: 0 auto;
box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
min-height: 100%;
}


.header img{
width: 1100px;
}


.content{
margin: 0 auto;
margin-top: 80px;
background-color: white;
width: 1000px;
min-height: 500px;
}


.text_content{
padding-left: 50px;
padding-right: 50px;
margin: 0 auto;
}




/* MENU */



.menu{
margin:0 auto 0 auto;
background-color:transparent;
height: 45px;
background-color: #E4581F;
}

.menu ul{
margin-top:-5px;
}

.menu li.menu_top_level{
height: 40px;
margin-top: 5px;
background-color: #E4581F;
color: white;
border-left: 2px dotted white;
}

.menu li.menu_top_level.menu_top_level_item_1{
border:none
}

.menu ul li a{
text-decoration: none;
color:white;
padding:7px;
border-radius: 15px 15px 15px 15px;
display: inline-block;
}

.menu ul li  a:hover{
background-color:white;
color:#E4581F;
}


.menu ul ul li{
background-color: white;
color: black;
}

.menu ul ul li a {
color: black;
}

.menu ul ul li  a:hover{
background-color:#E4581F;
color:white;
}

.menu li ul{
padding:0;
list-style-type:none;
font-size:0.9em;
letter-spacing: -1px;
width: 180px;
}


.menu li ul ul{
list-style-type:none;
text-align:left;
}

.menu li {position: relative;}

.menu ul.menu_top_level ul li span{
display: block;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
width: 85%;
margin:0 auto;
border-top:2px dotted  #E4581F;
}

.menu li.menu_top_level li.menu_item_1 span{
border-top:none;
}


.menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

.menu ul ul {
position: absolute;
z-index: 500;
top: 100%;
left: 0%;
width: 200px;
}

.menu li{
text-align:left;
/*background:url('#CHEMIN{img/menu_b.png}') top left no-repeat;*/
background-color:white;
}

.menu li li{
/*background :url('#CHEMIN{img/menu_b.png}') top right no-repeat;*/
background-color:white;
box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.4);

}






.menu li li.sub_menu{
background: url('squelettes/img/menu_b.png') top right no-repeat;
}


.menu a.a_sub_menu{
cursor:default;
}

div.menu ul ul{
display: none;
}


div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul,
div.menu ul ul ul li:hover ul ul,
div.menu ul ul ul ul li:hover ul ul
{display: none;}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul,
div.menu ul ul ul ul li:hover ul
{display: block;}


/* HOME */

div#news_panel{
width: 260px;
min-height: 300px;
border-radius: 30px 30px 30px 30px;
float: left;
padding: 20px;
border: 1px solid #E4581F;
}

div#news_panel h2{
font-size: 1.25em;
color: #E4581F;
margin-bottom: 20px;
}

div#news_panel .news_item{
font-size: 0.9em;
line-height: 1.5em;
text-align: left;
margin-bottom: 10px;
}

div#news_panel .news_item{
border-top:2px dotted #E4581F;
}

div#news_panel .news_item.item_1{
border:none;
}

div#news_panel .news_item h3{
padding-bottom: 10px;
margin-top: 15px;
}

div#news_panel .news_item .date, div#news_panel .news_item .url{
padding-top:5px;
padding-bottom: 5px;
}

div#home_panel{
width: 620px;
margin-left: 370px;
}

div#home_panel p{
margin-top: 30px;
}

div.citation{
display: block;
font-style: italic;
margin-bottom: 50px;
}

div.citation .author{
/*display: block;*/
margin-left: 60%;
margin-top: 5px;
}

/* CONTENT*/

div.content .spip_documents_center img{
margin: 0 auto;
display: block;
margin-top:30px;
margin-bottom: 45px;
}

div.content .spip_documents_left {
margin-right: 20px;
margin-bottom: 15px;
}



div.content {
line-height: 1.5em;
font-family: Arial;
font-size: 0.97em;

}


div.content .text_content ul li{
margin-top: 10px;
}



.text_content h3{
margin-top:30px;
color: #EA5A0B;
line-height:1.5em;
font-size:1.3em;
margin-bottom:15px;
text-align:left;
border-bottom: 2px dotted #EA5A0B;
margin-bottom: 40px;
}


.text_content p{
/*font-size:0.95em;*/
text-align: justify;
margin-top: 10px;
margin-bottom: 20px;
}

.text_content  ul{
text-align: left;
margin-left: 40px;
}


div.text_content span.stage_titre{
text-align: left;
padding: 10px;
background-color: #666;
color: white;
margin-top: 30px;
display: block;
width: 98%;
}

div.text_content span.stage_date{
text-align: right;
color: white;
float:right;
}

div.content table.spip{
border:0px solid;
text-align:left;
border-collapse : collapse;
margin-bottom:2em;
margin-top:2em;
background-color:#FFF;
}


div.content table.spip td,
div.content table.spip th{
margin:0;
text-align:left;
padding:0.5em;
padding-right:2em;
border:1px solid;
}


div.content table.spip th{
text-align:center;
background-color:#DDD;
}


div.content tiny{
font-size:0.85em;
}


div.content div#portrait_col_g{
width: 420px;
float: left;
}


div.content #portrait_block{
height: 690px;
margin-top: 330px;
background-color: #EEE;
width: 400px;
}

div.content #portrait_col_d{
width: 500px;
margin-left: 430px;
}

/*COMMENTS*/

div.comments div.comment{
text-align:justify;
width: 90%;
margin: 0 auto;
padding-bottom: 20px;
padding-top: 20px;
border-bottom: 2px dotted #E4581F;
}

div.comments span.signature{
font-style:italic;
margin-top:5px;
display: inline-block;
text-align: left;
}


.creer_commentaire{
margin: 0 auto;
}

.creer_commentaire .formulaire_ok{
margin-bottom: 30px;
}

.creer_commentaire p{
margin: 0 auto;
text-align: center;
}


.creer_commentaire .left_panel p{
text-align: left;
}




.creer_commentaire p label{
padding: 20px;
}

.creer_commentaire p input{
width: 200px;
}



.content .creer_commentaire{
padding-top: 10px;
width: 700px;
margin-left: 200px;
}

.content .creer_commentaire textarea{
width:300px;
height: 300px;
}

.content .creer_commentaire .left_panel{
width:150px;
float:left;
text-align: left;
}

.content .creer_commentaire .left_panel p,
.content .creer_commentaire .right_panel p{
display:block;
height: 30px;
}

.content .creer_commentaire .middle_panel{
width:300px;
float:left;

}


.content .creer_commentaire .middle_panel p.input{
height: 30px;
text-align: left;
}

.content .creer_commentaire .right_panel{
width:250px;
margin-left: 480px;
font-size:0.8em;
color:#9F3714;
text-align: left;
}

.content .creer_commentaire .ast{
color:#9F3714;
}

.content .creer_commentaire .bottom_panel{
width: 550px;
clear:both;
padding-top:30px;
}

.content .creer_commentaire .bottom_panel p.info{
text-align: left;
}



/* RESEAUX SOCIAUX */

div.social{
    width: 560px;
    height: 100px;
}

div.facebook, div.googleplus{
width: 240px;
height: 100px;
display: inline-block;
border-top: 1px solid #BBB;
margin-top: 20px;
margin-right: 20px;
font-family: 'citizenlightregular';
}

div.facebook span.title, div.googleplus span.title{
margin-top: -12px;
display: block;
margin-bottom: 20px;
text-align: left;
margin-left: 20px;
width: 50px;
padding-left: 10px;
background-color: white;
padding-right: 20px;
color: #AAA;
font-family: 
}

div.facebook span.title{
  width: 65px;  
    
}

div.facebook{
    float: left;
}
/* CONTACT */


.contact{
margin: 0 auto;
}

.contact p{
margin: 0 auto;
text-align: center;
}

.contact p label{
padding: 20px;
}

.contatc p input{
width: 200px;
}



.content.contact_sk .contact{
padding-top: 10px;
width: 700px;
margin-left: 200px;
}

.content.contact_sk .contact textarea{
width:300px;
height: 300px;
}

.content.contact_sk .contact .left_panel{
width:150px;
float:left;
text-align: left;
}

.content.contact_sk .contact .left_panel p,
.content.contact_sk .contact .right_panel p{
display:block;
height: 30px;
}

.content.contact_sk .contact .middle_panel{
width:300px;
float:left;

}


.content.contact_sk .contact .middle_panel p.input{
height: 30px;
text-align: left;
}

.content.contact_sk .contact .right_panel{
width:250px;
margin-left: 480px;
font-size:0.8em;
color:#9F3714;
text-align: left;
}

.content.contact_sk .contact .ast{
color:#9F3714;
}

.content.contact_sk .contact .bottom_panel{
width: 550px;
clear:both;
padding-top:30px;
}

.content.contact_sk .contact .bottom_panel p.info{
text-align: left;
}



.content.contact_sk div.lieu div.adresse{
float: left;
margin-left: 70px;
}


.content.contact_sk .text_content h4{
text-align: left;
margin-top: 30px;
margin-bottom: 30px;
}

.content.contact_sk div.lieu div.carte{
width: 400px;
margin: 0;
margin-left: 300px;
margin-bottom: 70px;
margin-top: 50px;
}


dl.spip_documents{
height: 100px;
}

/* FOOTER */

div.footer{
width: 1100px;
margin: 0 auto;
height: 60px;
background-color: #E4581F;
box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
color: white;
font-size: 0.8em;
}

div.footer span{
padding-top:15px;
display: block;
}

div.footer a{
color:white;
}

div.footer a:hover{
color:white;
}

div.push{
/*padding-top: 40px;*/
height: 30px;
}