@import "charte.css";



/***************** STYLE CONTENU *****************/

 #contenu-Text{

 font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;

 font-size: 12px;

 line-height: 18px;

 font-weight: normal;

text-align:justify;

color:#333333;

margin-bottom:10px;

}



#contenu-Text h1{

font-family: Georgia, Arial, Helvetica, sans-serif;

font-size: 17px;

font-weight: bold;

color:#082C54;

text-align: center;

margin:0px 0 15px 0;

line-height: 22px;

}

#contenu-Text h2{

  font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;

 font-size: 12px;

 line-height: 18px;

 font-weight: bold;

 color: #333333;

 text-align: right;

 margin-bottom: 3px;

 border-bottom:1px dashed #333333;

 display: block;

}



#contenu-Text h3{

  font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;

 font-size: 15px;

 line-height: 18px;

 font-weight: bold;

 color: #003366;

 padding-top:15px;

 padding-left: 25px;

}



#contenu-Text h4{

  font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;

 font-size: 15px;

 line-height: 18px;

 font-weight: bold;

 color: #333333;

 padding-top:15px;

 text-transform: uppercase;

}



.bolder{

  font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;

 font-size: 12px;

 line-height: 18px;

 font-weight: bold;

 color: #003366;

}





a{

font-weight:bold;

text-decoration:underline;



color:#666666;

}

a:hover{

color:#0B3775;



}



.contact-border2{

border: 1px dashed #5EB7DB;

width: 530px;

margin-top:25px;

margin-left: 15px;

}



.contact3{

color:#ffffff;

background-color: #0099CC;

font-family: Georgia, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

margin: 2px;

border: 1px solid #5EB7DB;

padding: 5px 0px 5px 0px;

width: 524px;

text-align: center;

}



.contact-border{

border: 1px dashed #5EB7DB;

width: 506px;

margin-top:25px;

margin-left: 15px;

}



.contact{

color:#ffffff;

background-color: #0099CC;

font-family: Georgia, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

margin: 2px;

border: 1px solid #5EB7DB;

padding: 5px 0px 5px 0px;

width: 500px;

text-align: center;

}



.contact a{

color:#B2DAEB;

text-decoration: none;

}



.contact a:hover{

color:#ffffff;

text-decoration: none;

}



.contact3 a{

color:#ffffff;

text-decoration: none;

}



.contact3 a:hover{

color:#B2DAEB;

text-decoration: none;

}









.contact2{

color:#ffffff;

background-color: #003366;

font-family: Georgia, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

margin: 2px;

border: 1px solid #5EB7DB;

padding: 5px 0px 5px 0px;

width: 500px;

text-align: center;

}



.contact2 a{

color:#B2DAEB;

text-decoration: none;

}



.contact2 a:hover{

color:#ffffff;

text-decoration: none;

}



.vers{

color:#000000;

font-family: Georgia,Arial, Helvetica, sans-serif;

font-style: italic;

font-size: 12px;

font-weight: normal;

padding-top: 15px;

text-align: center;

}





/***************** STYLE FOOTER *****************/

#footer p{

font:10px/30px Arial, Helvetica, sans-serif;

color:#003366;

text-align:center;

line-height:10px;

padding:50px 0 0 0px;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color: #003366 ;

}

#footer a:hover, #footer a:active{

text-decoration:underline;

color:#003366;

}



.invisible{

display: none;



}



a img{

-moz-opacity: 1.00; opacity:1.00;

border: 0px;

}



a:hover img{

-moz-opacity: 0.70; opacity:0.70;

border: 0px;

}

 .inputForm{

border:1px solid #77C6E5;

background-color: #FFFFFF;

width:200px;

color: Black;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color:#000000;

}

.inputFormOver{

border:1px solid #C8C9CA;

background-color: #F5F4F4;

width:200px;

font-family: Arial, Helvetica, sans-serif;

color: Black;

font-weight:normal;

font-size: 11px;

color:#000000;

}

.button{

border:1px solid #3591B7;

background-color: #0099CC;

width:65px;

font-weight:bold;

font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

color:#FFFFFF;

}

.buttonOver{

border:1px solid #3591B7;

background-color: #3591B7;

width:65px;

font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight:bold;

cursor:pointer;

color:#FFFFFF;

}



.frmContact{ /* dedicated ID for "contact form"*/



	text-align:center;

 	font-size:12px;

  width: 430px;

    border: 1px solid #77C6E5;

  background-image: url(../images/charte/back2.jpg);

  background-repeat: no-repeat;

  background-position: bottom left;

  background-color: #B0DDF0;



}







.frmContact .Label, .frmContact label{

font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:bold;

white-space: nowrap;



}



.notice{

  font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	padding:0px;



}



 .inputForm2{

border:1px solid #77C6E5;

background-color: #FFFFFF;

width:150px;

color: Black;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color:#000000;

}

.inputForm2Over{

border:1px solid #77C6E5;

background-color: #F5F4F4;

width:150px;

font-family: Arial, Helvetica, sans-serif;

color: Black;

font-weight:normal;

font-size: 11px;

color:#000000;

}





.frmContact2{ /* dedicated ID for "contact form"*/



	text-align:center;

 	font-size:12px;

  width: 530px;

  border: 1px solid #77C6E5;

  background-image: url(../images/charte/back.jpg);

  background-repeat: no-repeat;

  background-position: top left;

  background-color: #AEDDEF;



}







.frmContact2 .Label, .frmContact2 label{

font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:bold;

white-space: nowrap;



}

.clignotte{
	text-decoration: blink;
}