@charset "utf-8";
/* CSS Document */

body{
margin:0px;  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.detailimage { background-color:#f3d8ac}

.tab01{ background-image:url(../images/tab_01.gif); background-repeat:repeat
}
.td02{
background-image:url(../images/td_02.gif); background-repeat:repeat
}
.trait1{
background-image:url(../images/trait1.gif); background-repeat:no-repeat
}
.trait2{
background-image:url(../images/trait2.gif); background-repeat:repeat
}
.trait{
background-image:url(../images/trait.gif); background-repeat:repeat
}
.menu1{
display:block;
background-image:url(../images/img1.gif);width:152px; height:45px ;background-repeat:no-repeat
}
.menu2{
background-image:url(../images/img2.gif); width:150px; height:45px; background-repeat:no-repeat
}

.cheminfer{

    font-size: 20px;
	color:#ff5602;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding-left:2px
}
.cheminfer a {

 text-decoration: none;
 color:#ff5602;
 padding-left:10px
}
.cheminfer a:hover{
text-decoration: none;
color:#ff5602;
padding-left:10px
}



.cheminferar{

    font-size: 20px;
	color:#ff5602;
	text-decoration: none;
	text-align:right;
	font-weight:bold;
	padding-left:10px
}
.cheminferar a {

 text-decoration: none;
 color:#ff5602;
 padding-left:10px
}
.cheminferar a:hover{
text-decoration: none;
color:#ff5602;
padding-left:10px
}



.menu3{    font-size: 14px;	color: #ffffff;	line-height:45px; text-align:center;font-weight:bold; }
.menu3 a { display:block; width:122px; height:45px; text-decoration: none; color:#ffffff}
.menu3 a:hover{display:block; width:122px; height:45px; vertical-align:bottom; text-decoration: none; color:#ffffff;}





.menuar{

    font-size: 18px;
	color: #ffffff;
	line-height:44px; 
	text-decoration: none;
	text-align:center;
	font-weight:bold
}

.menuar a {
display:block;
 width:121px; height:45px;  background-repeat:no-repeat ;
 text-decoration: none;
 color:#ffffff
}
.menuar a:hover{
display:block;
width:121px; height:45px;  background-repeat:no-repeat; background-position:bottom; vertical-align:bottom;
text-decoration: none;
color:#ffffff;
}



.back{
background-image:url(../images/arrierplan.gif); background-repeat:no-repeat
}



.flag{padding-top:15px; padding-left:60px;}
.flagar{padding-top:15px; padding-right:60px;}
.imgborder img{border:0px
}
.titre { text-align:left; padding-left:20px; font-size: 12px; color:#ff5602; vertical-align:top;         font-weight:bold}
.titrear { text-align:right; padding-left:20px; font-size: 16px; color:#ff5602; vertical-align:top;font-weight:bold}
.login {
	margin-left: auto;
	margin-right: auto;

	padding: 15px;
	width: 429px;
	background: #f3d8ac;
}

.blocgauche { width:225px; background-color:#FF841C; vertical-align:top}

.blocactus {background-color:#77A21D}

.sep{ width:3px}

.FondContenu{ background-color:#f3d8ac; vertical-align:top }

.contenu{ text-align:justify; padding-left:20px; font-size: 12px; vertical-align:top; line-height:20px; }

.contenuar{ text-align:justify; padding-left:20px; font-size: 16px; vertical-align:top; line-height:20px; }
	
.login h1 {
	background: url(../images/login_header.png) no-repeat;
	background-position: left top;
	color: #333;
	margin: 0px;
	height: 50px;
	padding: 15px 4px 0 50px;
 	text-align: left;
	font-size: 1.5em;
}

.login p {
	padding: 0 1em 0 1em;
	}
	
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.login-text {
	text-align: left;
	width: 40%;
	float: left;
}
.inputlabel {
ext-align:justify; padding-left:20px; font-size: 12px; vertical-align:top; line-height:20px;
	text-align: left;
	color:#ff5602
	}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #ff5602;
	}
	
	.inputb {
	
	border: 1px solid #ff5602;
	}
.button {
	border : solid 1px #ff5602;
	background: #cccccc;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
	}
	.buttonar {
	border : solid 1px #ff5602;
	background: #cccccc;
	color : #666666;
	font-weight : bold;
	font-size : 16px;
	padding: 4px;
	}
	
	
	
	.cpanl {  text-align: center;  vertical-align: middle; }

.cpanl.ico   { margin: 3px; }
.cpanl.ico a { 
	display: block; float: left;
	height: 20px !important;
	height: 20px; 
	width: 80px !important;
	width: 77px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
}
.cpanl.ico a:link    {  color : #808080;  }
.cpanl.ico a:hover   { 
	color : #333; 
	background-color: #f1e8e6;  
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px; 
}
.cpanl.ico a:active  {  color : #808080;  }
.cpanl.ico a:visited {  color : #808080;  }

.cpanl.ico img { margin-top: 13px; }
.cpanl.ico span { display: block; padding-top: 3px;}

.Actualites {
	background-image:url(../images/act.gif); width:227px; height:45px; 
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	text-align:center; 
	color:#FFFFFF;
	font-weight:bold;
}
.galerie {
	background-image:url(../images/news.gif); width:227px; height:45px; 
	background-repeat:no-repeat;
	text-align:center; 
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.galerie a{
	
	text-align:center; 
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.galerie a:hover {
	
	text-align:center; 
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
}


.detail {
	 font-size: 12px; color:#000000; vertical-align:top;
	text-decoration: none;
}
.detail a{
	
	font-size: 12px; color:#ffffff; vertical-align:top;
	text-decoration: none;
}
.detail a:hover {
	
	font-size: 12px; color:#ffffff; vertical-align:top;
	text-decoration: underline;
}


.detailar {
	 font-size: 16px; color:#000000; vertical-align:top;
	text-decoration: none; font-weight:bold
}
.detailar a{
	
	color:#ffffff; vertical-align:top;
	text-decoration: none;font-weight:bold
}
.detailar a:hover {
	
	 color:#ffffff; vertical-align:top;
	text-decoration: underline;font-weight:bold
}



.rens {
	 font-size: 12px; color:#000000; vertical-align:top;text-align:justify; padding-left:10px;vertical-align:top; line-height:20px;
	text-decoration: none;
}
.rens a{
	
	font-size: 12px; color:#000000; vertical-align:top;text-align:justify; padding-left:10px;vertical-align:top; line-height:20px;
	text-decoration: none;
}
.rens a:hover {
	
	font-size: 12px; color:#000000; vertical-align:top;text-align:justify; padding-left:10px;vertical-align:top; line-height:20px;
	text-decoration: underline;
}






.copyright { text-align:center; color:#FF6600; font-size:10px; height:30px}
.copyright a { color:#FF6600; font-size:10px; text-decoration:none}
.copyright a:hover { color:#FF6600; font-size:10px; text-decoration:underline}