/* CLASSES ELEMENTS -------------------------------------------------------*/

body{
   margin: 0;
   padding: 0;
   background: URL("images/fond_body.jpg") top center no-repeat #124151;
   font-family: Arial;
   font-size: 11px;
   line-height: 16px;
   text-align: center;
}

p{
	padding-bottom: 15px;
	text-align: justify;
}

a{
   font-style: italic;
   text-decoration: none;
   color: #434343;
}
a:hover{ text-decoration: underline; }


img{ display:block; border:0; }

h1{
   font-family: Arial;
   font-size: 35px;
   font-weight: bold;
   line-height: 35px;
   text-transform: uppercase;
   color: #093038;
}

h2{
   font-family: Arial;
   font-size: 12px;
   line-height: 14px;
   color: #093038;
}

label{
   margin: 10px 0 2px 0;
   display: block;
   font-size: 24px;
}

fieldset{
   border:0;
}

input{
   border:1px solid #434343;
   font-size: 20px;
   font-style: italic;
   font-family: "Trebuchet MS";
   color: #888888;
}


input.bouton{
   display: block;
   margin-top: 5px;
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   font-style: normal;
   color: #000000;
   border: 1px solid #000000;
}

input.bouton:hover{
   background: #999999;
   border: 1px solid #FFFFFF;
}
textarea{
   border:1px solid #434343;
   font-size: 15px;
   font-style: italic;
   font-family: "Trebuchet MS";
   color: #888888;
}

/* CLASSES GENERIQUES -------------------------------------------------------*/

.clr{ clear: both;  }


.message{
   padding: 60px;
   background: #FFFFFF;
   font-size: 12px;
   text-align: center;
   line-height: 20px;
}

.message .info{
   font-size: 15px;
   font-weight: bold;
   color: #888888;
}

.mention{
   font-size: 11px;
}

.readmore{
   padding: 15px 0 5px 0;
}

.readmore a{
   display: block;
   float: right;
   padding-left: 25px;
   padding-right: 20px;
   background: URL("images/puce_noire.gif") no-repeat 0 6px;
   font-style: normal;
   font-weight: bold;
   color: #000;
}

.linkPDF{
	background: URL("images/pdf.gif") no-repeat 0px 4px !important;
}

/* CLASSES SPECIFIQUES -------------------------------------------------------*/

#coordonnee{
   height: 38px;
   line-height: 30px;
   text-align: right;
   background:URL("images/bandeau_coord.gif") repeat-x;
   font-family: georgia;
   font-size: 15px;
   font-style: italic;
   color: #FFF;
}
#coordonnee span{
   display: block;
   width: 790px;
   margin-left: auto;
   margin-right: auto;
}

#coordonnee  a{ 
	color:#FFFFFF !important;
}
#coordonnee  a{ 
	text-decoration: none;
}
#pageOuter{
   margin-top: 30px;
   margin-left: auto;
   margin-right: auto;
   width: 800px;
   background:#093038;
}

#pageInner{
   padding: 10px;
   text-align: center;
}

#pageBottom a{
	color: #FFF;
}

/* L'Accordeon-------------*/
.toggler {
	margin: 0;
	border-bottom: 1px solid #FFF;
	padding: 5px 5px 5px 10px;
	background: #093038;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	color: #105063;
	text-align:left;
}

.element {
 
}

.element p {
	margin: 0;
	padding: 4px;
}
.float-right {
	padding:10px 20px;
	float:right;
}


		
.sommaire{
   text-align : right;
}
.sommaire a{
   font-style: normal;
   font-weight: bold;
}

.blocIntro{
   clear: both;
   margin-left: auto;
   margin-right: auto;
   padding:0;
   width: 100%;
}



.blocIntro .inner {
   padding-top: 30px;
   text-align: left;
}

.blocIntro .inner h1{
   float: left;
   margin: 0;
   width: 189px;
   text-align: right;
}

.blocIntro .inner h2{
   margin:0;
   margin-left: 210px;
   padding: 10px 0 10px 0px;
   width: 560px;

   border-top: 1px solid;
}

.blocIntro .inner .content{
   clear: both;
   padding: 20px 20px 20px 40px;
   /*min-height: 250px;*/
   overflow: visible;
}


.fondPair .top, .fondPair .inner{ background: #FFFFFF; color: #093038; }
.fondImpair .top, .fondImpair .inner{ background: #FFFFFF; color: #093038; }

.fondPair a{ color: #093038; }
.fondImpair a{ color: #ffffff; }

.fondPair .top .logo{ background: URL("images/logo_bg_blanc.gif"); }
.fondImpair .top .logo{ background: URL("images/logo_bg_gris.gif"); }

.fondPair ul li{ list-style-image: URL("images/puce_noire.gif"); }
.fondImpair ul li{ list-style-image: URL("images/puce_blanche.gif"); }


#profil .content{
   /*background: URL("images/photo.gif") no-repeat 90px 20px; */
}

#profil p{
   padding: 0 0 0 300px;
   text-align: justify;
}

#blog .entry {
   border: 1px solid #DDDDDD;
   margin: 0 0 10px 0;
   padding: 20px;
}

#blog .list img{
   width: 150px;
}
#blog .entry h1{
   display: block;
   width: 100%;
   float: none;
   font-size: 14px;
   text-align: left;
   line-height: 15px;
   color: #000000;
}

#blog .entry h1 a{
   font-style: normal;
}

#blog .entry img{
   float: right;
}

#blog .entry .date {
   float: left;
   width: 57px;
   height: 71px;
   margin-right: 20px;
   background: URL("images/fond_date.png") no-repeat; 
}

#blog .entry .date h1{
   margin: 0;
   padding: 0;
   
   float: none;
   font-family: georgia;
   font-size: 40px;
   font-weight: normal;
   line-height: 45px;
   text-align: center;
   color: #CCCCCC;
}

#blog .entry .date h2{
   margin: 0;
   padding: 0;
   
   float: none;
   width: auto;
   font-size: 10px;
   font-weight: normal;
   text-align: center;
   line-height: 20px;
   color:#FFF;
}


#blog .entry .info{
   margin: 5px 0 10px 76px;
   border-bottom: 1px solid #000000;
}

#blogMenu .menuItem{
   float: left;
   margin: 0 0 20px 30px;
}

#blogMenu .menuItem h1{
   float: none;
   font-size: 20px;
   line-height: 25px;
   width: auto;
}
#blogMenu .menuItem ul{
   margin: 0;
   padding: 0;
}
#blogMenu .menuItem li {
   list-style-position: inside;
   list-style-image: URL("images/puce_noire.gif");
}
#blogMenu .menuItem a{
   font-style: normal;
   color: #093038;
}

.linkRSS{
   text-align: right;
}
.linkRSS img{
   display: inline;
}

#inFocus,
#inFocus .inner{
   margin: 0 !important;
}
#inFocus .inner .content{
   margin: 0 !important;
   padding: 0;
   text-align: center;
}

/* #inFocus .readmore a{
   color: #FFFFFF;
   background: URL("images/puce_blanche.gif") no-repeat 0 6px;
}*/

#contact .content .colonneGauche{
   float: left;
   width: 33%;
}

#contact .content .colonneDroite{
   float: right;
   width: 50%;
}

#contact .content .readmore{
   width: 210px;
}

/* #contact .content .readmore ul li a{
   color: #FFFFFF;
}*/





#endPage{
   width: 780px;
   margin: 5px auto 0 auto;
   text-align: left;
   font-size: 10px;
   color: #819aa3;	
}
#endPage a{
	color:#819aa3;
}






.popup{
   padding: 20px;
   text-align: left;
}
.back_site{
	display:none;	
}

.popupImage{
   margin-left: auto;
   margin-right: auto;
   width: 80%;
   padding: 20px;
   text-align: center;
}
.popupImage img{
   display: inline;
}
.popup h1{
   margin-bottom: 30px;
}

.popup .col2{
	float: left;
	width:50%;
}

.popup h2{
   margin-top: 30px;
}

#mb_contents h1{
   font-size: 15px;
}
#mb_contents .description{
   margin: 40px;
   text-align: left;
}

.citation{
   font-family: georgia;
   font-style: italic;
   padding: 0 30px 0 30px;
   color: #666;
}
.source{
   font-family: arial;
   font-style: normal;
   font-size: 10px;
   text-align: right;
}

#mb_contents ul{
   float: right;
   text-align: left;
   width: 200px;
}
#mb_contents ul li{
   list-style-position: inside;
   list-style-image: URL("css/images/coche.gif");
}

#backSite{
   background: #093038;
   margin: 20px;
   padding: 5px;
}

#backSite a{
   font-weight: bold;
   font-style: normal;
   color: #FFF;
}

#backSite a:hover{
   font-weight: bold;
   font-style: normal;
   color: #bfd730;
}