/* CEFRIO */
@import url("rte.css"); 



.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}

html, body {margin: 5px 0 0 0;} 

body {background-color: #ffffff; color: #545454; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 15px;}

/* ------------------- BEGIN LAYOUT STYLES ------------------- */

#container {

  width: 910px;
  margin: 0 auto 0 auto;
   

} 
#header{
  width:910px;
  height:190px;

}
#search{
margin-top:-30px;
margin-left:650px;
}


#menuTop{
  margin:0px;
  padding-bottom:10px;
}


#menuTop ul{
  width:910px;
  height:15px;
  background-image: url(../images/bar_haut.jpg);
  background-repeat: no-repeat;
  padding: 6px 0px;
  margin: 0px;
  text-align: center; 

}

#menuTop li{
  list-style: none;
  display: inline;

}

#menuTop li a{
  padding: 6px 2em;
  text-decoration: none;
  color: black;
  border-right: 1px solid black;
}

#menuTop li a:hover{
  color: white;
  background-color: #5B6B38;
}	

#menuTop .on{
  color: white;
  background-color: #5B6B38;
}	
#menuTop .first a{
  border-left: 1px solid black;
}

#menuTop .other li{
  border-right: 1px solid black;
}


#abonnement{
position:absolute;
z-index:1;
margin:0;
padding:0;
left:980px;
top:172px;

}



.news-list-item h3{padding:0px;}




.news-latest-item h3 {padding:0px;}
.news-latest-item p{padding-top:5px;}
.news-latest-item hr{margin-top:10px;}

.news-latest-date a:link{color:#808080;}
.news-list-date span a:link{color:#808080;}



.news-single-item{
text-align:justify;
}

.news-latest-item h3 {text-transform:uppercase;padding:0px;}
.news-single-item h2 {text-transform:uppercase;padding:0px;}

div .clearer {margin-top:20px;}
	

	#main {position: relative; float: left; display: inline; width: 910px; padding: 0; overflow: hidden}


#main .breadcrumb{
  width:670px;

  font-weight: bold;
  color: #00264B; 
}


#news_block{
padding:20px 0 10px;
}

#veille_block {

margin-top:20px;
}

#veille_block h2{
margin:0px;
color:#00264B;
}

#news_block div h2{
color:#00264B;
padding:0 0 5px 0;
}


#main .breadcrumb a {
    color: #00264B; 

    

}


#maincontent {position: relative; float: left; width: 700px; margin: 20px 0 0 20px}

  #mainnav {position: relative; float: left; width: 176px;margin-top:30px;}
  #mainnav div.box {clear: both; width: 176px; margin: 0 0 0px 0; padding: 9px 0 9px 0; background-image: url(../images/left_box_top.gif); background-repeat: no-repeat}
  #mainnav div.box .content {padding: 0; background-color: #C0D68B; font-size: 11px; line-height: 13px; background-image: url(../images/left_box_bottom.gif); background-repeat: no-repeat; background-position: left bottom}
  #mainnav div.box .content img {display: block; margin: 0 0 0 14px}							
  #mainnav div.box .content ul {margin: 0; padding: 0 0 9px 0}
  #mainnav div.box .content li {list-style-image: none; margin: 0; padding: 0}
  #mainnav div.box .content a {background-color: #C0D68B; color: #000000;display: block; padding: 5px 3px 5px 25px; font-size: 11px; line-height: 13px; text-decoration: none; background-image: url(../images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 15px 9px}
  #mainnav div.box .content ul ul {padding:0}		
  #mainnav div.box .content ul ul li a {padding-left: 35px; background-position: 25px 9px }			
  #mainnav div.box .content a.on,#mainnav div.box .content a:hover{background-color: #5B6B38; color: #ffffff}





#maincontent .tx-indexedsearch{
margin-top:40px;
}

hr.separator{
width:300px;
border-bottom: 1px solid #C0D68B;
}



		/* BEGIN RIGHT PANEL */

.box {
  width: 232px;
  float: right;
  position: relative;
  padding: 14px 0 0 0;
  margin: 0 0 14px 0; 
  padding: 9px 0 0 0; 
  background-image: url(../images/box_top.jpg); 
  background-repeat: no-repeat
}
.box .identification {padding: 10px; background-color: #C3D396; font-size: 11px; line-height: 13px; background-image: url(../images/box_bottom.jpg); background-repeat: no-repeat; background-position: left bottom}
.box .identification img {display: block; margin: 0 0 5px 10px}
.box .identification p {padding: 2px 0 5px 15px}

		
		
		/* END RIGHT PANEL */

		
		


#footer {
padding-top:15px;
clear:both;

}


#footer ul{
    background-image: url(../images/bar_haut.jpg);
  padding: 6px 0px;
  margin: 5px 0px 0px 0px;
  text-align: center; 

}

#footer li{
  list-style: none;
  display: inline;
}

#footer li a{
  padding: 3px 2em;
 
  color: black;
}

#footer li a:hover,#footer li a.on{
  color: white;
 text-decoration: underline;
}

#footer .first a{
  border-right: 1px solid black;
}

#footer .other a{
  /*border-right: 1px solid black;*/
}
		
		
		
		
#boiteGrille {width: 880px; margin: 0; padding: 0 0 20px 0; background-repeat: repeat-y; background-position: 336px 0; overflow: hidden}

#acculeft {position: relative; float: left; width: 430px;}
#accuright {position: relative; float: left; width: 430px ;margin-left:10px}
.ligne-txt-img-doc-secure {margin: 10px 0 50px 0; padding: 0 0 0 12px;}
.ligne-txt-img-doc-secure img {float: right;}
		




.align-center {

text-align:center;

}



#copyright{
padding-top:10px;
text-align:center;


}


#list-wiki li{

  margin-left:20px;
  padding-top:10px;



}		
		
		
/* ------------------- BEGIN GLOBAL STYLES ------------------- */
h1 {display:none;font-size: 14px; color: #82a0b8; margin: 0; padding: 12px 0 15px 0; text-transform: uppercase}
h2 {font-size: 16px; color: #024c8b; margin: 0; padding: 10px 0 10px 0; line-height: 20px}
h3 {font-size: 13px; color: #77a8d2; margin: 0; padding: 15px 0 10px 0}
h4 {font-size: 11px; color: #024c8b; margin: 0; padding: 10px 0 5px 0}

p {margin: 0; padding: 0 0 5px 0}
	
form {margin: 0; padding: 0}

img {border: none}

a:link {color: #004b8d; text-decoration : none}
a:visited {color: #004b8d; text-decoration : none}
a:hover {color: #004b8d; text-decoration : underline}
a:active {color: #004b8d; text-decoration : none}

a.arr {padding-left: 12px; background-image: url(../images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}

img.accuPic {float: right; margin: 0 0 20px 10px}

input,select {font-family: verdana; border: 1px solid #a5acb2; font-size: 13px}
input.button {background-color: #ffffff; color: #004b8d; font-size: 11px; font-weight: bold; padding: 1px 5px 1px 5px; border: 1px solid #a5acb2}

hr {border: 0; height: 1px; color: #82a0b8;	background-color: #82a0b8;}


table.grille {width: 95%; margin: 10px 0 20px 0; border: 1px solid #d3d3d1}
table.grille th {background-color: #9ab8d2; color: #ffffff; font-size: 12px; text-align: center; padding: 5px 5px 5px 5px; margin: 0; border-width: 0 1px 1px 0; border-style: solid; border-color: #d3d3d1}
table.grille td {color: #024c8b; text-align: center; padding: 5px 5px 5px 5px; border-width: 0 1px 1px 0; margin: 0; border-style: solid; border-color: #d3d3d1}
table.grille td a {color: #82a0b8; font-weight: bold; text-decoration: underline}
table.grille td span {font-size: 10px}
table.grille th.na {color: #eeeeee}
table.grille td.na {color: #cccccc}

ul {padding:0px;}


