/* ----------------------------------------
	Propriet&eacute;s générales	
-------------------------------------------*/
* {margin:0;padding:0;}

body {font-family:Arial, Verdana, Helvetica, sans-serif;background-color: #DBDBDB;margin: 0;padding: 0;}

ul, li{list-style-type:none;} li{display:inline;}

p {margin: 10px;}

img{ 
	border:0px;
}

/* liens contenu textuel*/
#centre a {}
#centre a:link {color:#969799;text-decoration:none;}
#centre a:visited {color:#969799;text-decoration:none;}
#centre a:hover {color:#FFFFFF;background-color:#CADB2C;text-decoration:none;}
#centre a:active {color:#969799;text-decoration:none;}

#bas a {color:#665634; vertical-align:middle; }
#bas a:hover {color:#FFFFFF;}
#bas a:link {text-decoration:none;}
#bas a:visited {text-decoration:none;}

#gauche a {color:#665634; font-size:11px; }
#gauche a:hover {color:#FFFFFF;}
#gauche a:link {text-decoration:none;}
#gauche a:visited {color:#665634;text-decoration:none;}

/* ----------------------------------------
	Gabarits DIV	
-------------------------------------------*/
#langue {height: 22px;background-color: #EAEBEC;}
#haut {height: 300px;background-color: #FFFFFF;}
#conteneur {position: absolute;width: 800px;left: 50%;margin-left: -400px;background-color:#FFFFFF;}
#centre {background-color:#FFFFFF;margin-left: 300px;margin-bottom:30px;}
#gauche {position: absolute;left:0;width: 300px;background-color:#FFFFFF;}
#menu {height: 30px;background-color: #665634;margin:0;padding:0;}
#bas {height: 18px;background-color:#665634;background-image:url(../images/footer.gif); background-position:right; background-repeat:no-repeat;margin:0;padding:0; /*margin-top:20px;*/
	  color:#665634; font-size:10px; text-align:right; vertical-align:bottom; padding-right:5px; padding-top:1px;
}

/* referencement*/
.referencement{display:none;}

/* test colonnage par 2 au lieu des tableaux page index_sans_tableau.php */
#colonneGauche {float:left;width:200px;background-color: #DDDDDD;margin:0;padding:0; margin-left:30px;}
#colonneDroite {width:200px;background-color: #EEEEEE;margin:0;padding:0; margin-left:270px;}
.texteColonne {font-size:10px;color:#969799;}
/* fin test colonnage par 2 au lieu des tableaux page index_sans_tableau.php */

#fond_img {background-image:url(../images/icones/cote_icone.jpg); height:280px; background-position:left; background-repeat:no-repeat; padding-left:86px;}


/* ----------------------------------------
	Menu (survol)	
-------------------------------------------*/
.barreMenu {text-align:left;background-color:#665634;width:800px;height:30px;position:relative;}
.barreMenu a {display:block;position:absolute;height:30px;}
.barreMenu a span {display:none;}

.m1 a {width:84px;left:20px;background-image:url(../images/menu/m1.gif);}
.m2 a {width:89px;left:112px;background-image:url(../images/menu/m2.gif);}
.m3 a {width:87px;left:209px;background-image:url(../images/menu/m3.gif);}
.m4 a {width:89px;left:304px;background-image:url(../images/menu/m4.gif);}
.m1_uk a {width:84px;left:20px;background-image:url(../images/menu/m1_uk.gif);}
.m2_uk a {width:89px;left:112px;background-image:url(../images/menu/m2_uk.gif);}
.m3_uk a {width:87px;left:209px;background-image:url(../images/menu/m3_uk.gif);}
.m4_uk a {width:89px;left:304px;background-image:url(../images/menu/m4_uk.gif);}

.m1_uk a:hover, .m1_uk strong a{background-position:0 -30px;}
.m2_uk a:hover, .m2_uk strong a{background-position:0 -30px;}
.m3_uk a:hover, .m3_uk strong a{background-position:0 -30px;}
.m4_uk a:hover, .m4_uk strong a{background-position:0 -30px;}
.m1 a:hover, .m1 strong a{background-position:0 -30px;}
.m2 a:hover, .m2 strong a{background-position:0 -30px;}
.m3 a:hover, .m3 strong a{background-position:0 -30px;}
.m4 a:hover, .m4 strong a{background-position:0 -30px;}



/* ----------------------------------------
	Onglet Langues (survol) 
-------------------------------------------*/
.barreLangue {text-align:left;background-color:#DBDBDB;width:800px;height:22px;position:relative;}
.barreLangue a {display:block;position:absolute;height:22px;}
.barreLangue a span {display:none;}

.l1 a {width:141px;left:659px;background-image:url(../images/langue/l1.gif);}
.l2 a {width:141px;left:659px;background-image:url(../images/langue/l2.gif);}

.l1 a:hover, .l1 strong a{background-position:0 -22px;}
.l2 a:hover, .l2 strong a{background-position:0 -22px;}

 
.texteVert14 {font-size:14px;color:#CADB2C; padding-bottom:20px; line-height:20px; padding-top:20px;}
.texteBleu14 {font-size:14px;color:#00ADEF; padding-bottom:20px; line-height:20px; padding-top:20px;}


/* ----------------------------------------
	Autres Classes	
-------------------------------------------*/

.logo {margin:0; padding:0; width:300px;}
.visuel{margin:0; padding:0; height:300px; width:500px;}
.intro {margin-left:28px; margin-top:20px; margin-bottom:20px; margin-right:25px;font-size:13px;color:#00ADEF;padding-left:15px;line-height:14px;}
.titre {margin-top:40px; margin-bottom:60px;}
.texte {margin-left:60px;font-size:11px;color:#969799; margin-right:20px; line-height:14px;}

.accroche {padding:20px; margin:20px; margin-top:40px; background:#CADB2C; font-size:12px; color:#665634;}
.signature {border-left:3px solid #665634;padding-left:5px;}
.imageAccroche {padding:0px; margin:20px; margin-top:115px;}



/* ----------------------------------------
	Tableaux
-------------------------------------------*/
table {border:none;}
td, tr {vertical-align:top;padding-right:15px; width:50%;} 

/*-------------------------------------------
		Formulaire
---------------------------------------------*/
form {background:#eee; font-size:11px;color: #927A65; margin:15px; padding-bottom: 5px;}
.titre{ height:25px; padding-left:5px;}
.error{ font-size:11px;}
.send{ background-color:#CADB2C; padding:2px 5px 2px 5px;}
input.text {background:#fff;border:1px solid #ccc;border-color:#aaa #eee #eee #aaa;color:#333;}
input, textarea, select {margin:1px 0;font:100%/1.2em Monaco,Monospace;}
form input, form textarea, form select {margin:1px 0;}
form textarea {background:#fff;display:block;clear:left;width:100%;border:1px solid #ccc;border-color:#ccc #fff #fff #ccc;color:#333;}
form table td, form table th {padding:5px 10px 5px 0;border-bottom:1px dotted #ccb;font-weight:normal;font-size:100%; vertical-align: middle;}
