@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/*
------------------------------------------------------------
Style texte
-----------------------------------------------------------*/
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
line-height:18px;
font-size : 15px;
color:#0062ac;
padding:0;
margin:8px 0 0 0;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
color : #009ee0;
font-size : 14px;
font-weight:bold;
margin:5px 0 3px 0;
padding:0;
}
h4{
font-family:Arial, Helvetica, sans-serif;
border-bottom:#0062ac solid 1px;
font-size:14px;
line-height:20px;
font-weight:bold;
color : #009ee0;
padding:0;
margin:8px 0 4px 0;
/*
background-image:url(../img/i-seul.png);
background-position:left top;
background-repeat:no-repeat;
*/
}
/*
------------------------------------------------------------
Divers Couleurs alignement
-----------------------------------------------------------*/
.marron{
color:#9d8474;
}
.rouge{
color:#CC0000;
}
.orange{
color:#e8531e;
}
.cent{
text-align:center;
}
.fad{
text-align:right;
}
/*---------------------------------Alerte----------------------*/
#error{
	padding:50px;text-align:center;
}
.historyback{
	text-align:center;
	margin:20px 0 0 0;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.historyback a{
	color:#e8531e;
	text-decoration:none;
}
.historyback a:hover{
	color:#9d8474;
	text-decoration:none;
}
.alerte{
text-align:center;
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
.alerte a{
text-decoration:none;
color:#FF0000;
}
.alerte a:hover{
text-decoration:none;
color:#666666;
}

/*
------------------------------------------------------------
Contenair
-----------------------------------------------------------*/
#contenair_global{
width:100%;
height:100%;
background-color:#9ba1a4;
}
#contenair{
width:915px;

}
#contenair_head{/*
width:100%;
height:150px;
background-image:url(../img/tetiere.png);
background-position:center bottom;
background-repeat: no-repeat;
margin:0;
padding:0;*/
}

#corps{
width:775px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
color:#333333;
margin:10px 50px 0 50px;
padding:60px 20px 20px 20px;
overflow:hidden;
background-color:#FFFFFF;
}
#corps_editor{
width:815px;
height:600px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
color:#333333;
margin:0;
padding:50px 0 20px 0;
overflow:hidden;
background-color:#FFFFFF;
}
#col_gauche_menu{
float:left;
width:200px;
padding:0;
}
#col_gauche_corps{
float:left;
width:200px;
padding:0;
margin:0;
background-color:#FFFFFF;
}
#col_mil_corps{
float:left;
width:560px;
padding:0 0 0 15px;
margin:0;
background-color:#FFFFFF;
}
#col_droite_corps{
float:left;
width:200px;
padding:0;
margin:0;
}
/*
//----------------------------3 colonnes corps_mil
*/
#trois_col_gauche{
float: left; margin:0; padding:0;width:186px;
}
#trois_col_mil{
float: left; margin:0; padding:0;width:186px;
}
#trois_col_droite{
float: left; margin:0; padding:0;width:186px;
}
.titre_trois_col{
margin: 10px 0 0 0;width:180px;
line-height:25px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
font-size:15px;
font-weight:bold;
background-image:url(../img/base-cartouche.png);
background-position:top center;
background-repeat:no-repeat;
background-color:#009ee0;
}
.txt_trois_col{
border-left: 1px solid #009ee0;
border-right: 1px solid #009ee0;
margin:0;
padding:0 3px 0 3px; 
width:172px;
font-family:Arial, Helvetica, sans-serif;
line-height:19px;
color:#666666;
text-align:left;
font-size:12px;
}
.txt_trois_col a {
	text-decoration:none;
	color:#009ee0;
}
.txt_trois_col a:hover {
	text-decoration:none;
	color:#e2007a;
}
.bas_trois_col{
 border-top: 1px solid #009ee0;
margin:0; padding:0; width:180px;
}
/*
------------------------------------------------------------
Style Footer
-----------------------------------------------------------*/
#footer{
	margin:0;
	padding:0;
	width:100%;
}
.footer_style{
	font-family:Arial, Helvetica, sans-serif;
	width:790px;
	height:25px;
	margin:0;
	line-height:20px;
	font-size:11px;
	padding:0 25px 0 0;
	text-align:right;
	color:#FFFFFF;
	background-color:#0062ac;
	/*
	background-image:url(../img/footer.png);
	background-position:top center;
	background-repeat:no-repeat;
	*/
}
.footer_style a{
	text-decoration:none;
	color:#FFFFFF;
}
.footer_style a:hover{
	text-decoration:none;
	color:#009ee0;
}
/*
------------------------------------------------------------
Menu gauche
-----------------------------------------------------------*/
.cart_haut{
/*background-image:url(../img/cartouche-haut-seul.jpg);
background-position:center top;
background-repeat:no-repeat;*/
margin:0 0 15px 0;
padding:5px 0 0 0;
width:200px;
}


.menu_gauche {
	font-family:Arial, Helvetica, sans-serif;
	/*list-style:none;*/
	background-image:url(../img/puce_footer.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 10px 0 10px;
	margin:0;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	/*width:190px;*/
	border-bottom:1px solid #0062ac;
	color:#009ee0;
	display:block;
}
.menu_gauche a {
font-weight:normal;
text-decoration:none;
color:#0062ac;
}
.menu_gauche a:hover {
color:#009ee0;
}
/*Pour le titre du cartouche dans les colonnes*/
.col_haut{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:15px;
background-color:#FFFFFF;
text-align:left;
color:#0062ac;
background-image:url(../img/titre_cartouche.png);
background-position:center top;
background-repeat:no-repeat;
margin:0;
padding:10px 5px 5px 0;
width:195px;
}
.txt_col{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
line-height:16px;
font-size:12px;
color:#666666;
padding:5px;
margin:0 0 20px 0;
border:1px solid #009ee0;
/*
border-left:1px solid #009ee0;
border-right:1px solid #009ee0;
border-bottom:1px solid #009ee0;
*/
}
.txt_col a{
	text-decoration:none;
	color:#333333;
}
.txt_col a:hover{
	text-decoration:none;
	color:#009ee0;
}
.list_col_gauche{
	/*width:178px;*/
	margin: 0;
	padding:0 5px 0 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	text-align:left;
	color:#666666;
	background-image:url(../img/puce_footer.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border-right:1px solid #009ee0;
	border-left:1px solid #009ee0;
}
.list_col_gauche a{
	color:#666666;
	text-decoration:none;
}
.list_col_gauche a:hover{
	color:#e9609b;
	text-decoration:none;
}
.cart_col_gauche_bas{
	/*width:200px;*/
	margin:0 0 20px 0;
	padding:0;
	line-height:20px;
	border-top:1px solid #009ee0;
}
	
/*
/*
------------------------------------------------------------
Style corps milieu
-----------------------------------------------------------*/
.txt_li{
padding:0 0 5px 10px;
margin:0;
background-image:url(../img/puce_footer.png);
background-position:top left;
background-repeat:no-repeat;
line-height:19px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
text-align:left;
font-size:13px;
font-weight:normal;
}
.txt_li a{
color:#666666;
text-decoration:none;
background-image:url(../img/puce_footer.png);
background-position:top left;
background-repeat:no-repeat;
}
.txt_li a:hover{
color:#e8531e;
text-decoration:none;
background-image:url(../img/puce_footer_hover.png);
background-position:top left;
background-repeat:no-repeat;
}
.texte_courant_corps{
margin:0 0 8px 0;
line-height:19px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
text-align:left;
font-size:12px;
}
.texte_courant_corps a{
color:#009ee0;
}
.texte_courant_corps a:hover{
color:#e2007a;
}
.txt_courant_filet{
border-bottom:#009ee0 solid 1px;
margin:0;
padding:0;
width:100%;

}
.col_milieu_deux_gauche{
font-size:12px;
line-height:18px;
width:255px;
float:left;
margin:0 10px 0 0;
padding:0;
background-image:url(../img/cartouche-haut-milieu.jpg);
background-position:center top;
background-repeat:no-repeat;
}
.col_milieu_deux_droite{
font-size:12px;
line-height:18px;
width:255px;
float:left;
margin:0 0 0 10px;
padding:0;
background-image:url(../img/cartouche-haut-milieu.jpg);
background-position:center top;
background-repeat:no-repeat;
}
/*
------------------------------------------------------------
Style administration
-----------------------------------------------------------*/
.col_droite{
width:100%;
padding:60px 0 30px 0;
margin:0;
}
.titre_admin{
font-size:16px; 
color:#e8531e; 
line-height:20px;
padding:5px; 
margin:0 0 20px 0; 
font-weight:bold;
border:1px solid #e8531e;
overflow:hidden;
}
.titre_admin a{ 
text-decoration:none; 
color:#e8531e;
}
.titre_admin a:hover {
text-decoration:none;
color:#9d8474;
}
.ss_titre_admin{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#e8531e;
font-size:13px;
padding:0;
margin:0;
line-height:25px;
clear:both;
}
.ss_titre_admin a{ 
text-decoration:none; 
color:#e8531e;
}
.ss_titre_admin a:hover {
text-decoration:none;
color:#9d8474;
}
.txt_admin{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#666666;
font-size:12px;
padding:0;
margin:0;
font-weight:normal;
}
.txt_admin a{ 
text-decoration:none; 
color:#e8531e;
}
.txt_admin a:hover {
text-decoration:none;
color:#9d8474;
}
/* texte page à modifier*/
.texte_courant_admin{
font-weight:normal;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#666666;
border-top:#FFFFFF solid 2px;
background-color:#DEDEDE;
display:block;
width:260px;
float:left;
padding:2px 0 2px 5px;
margin:0 0 0 15px;
/margin:0 0 0 10px;
line-height:15px;
}
.texte_courant_modifier{
font-weight:normal;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
border-top:#FFFFFF solid 2px;
text-align:center;
background-color:#DEDEDE;
display:block;
width:75px;
float:left;
padding:2px 0 2px 5px;
margin:0 0 0 5px;
line-height:15px;
}
.txt_courant_ref{
font-weight:normal;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
border-top:#FFFFFF solid 2px;
text-align:center;
background-color:#DEDEDE;
display:block;
width:126px;
float:left;
padding:2px 0 2px 5px;
margin:0 0 0 5px;
line-height:15px;
}
/*
------------------------------------------------------------
Style Formulaire admin New page
-----------------------------------------------------------*/
.select_rubrique{
clear:both;
width:150px;
height:16px;
border:#666666 solid 1px;
margin:0 0 20px 25px;
text-align:left;
font-size:11px;
color:#333333;
}
.ch_new_page{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#666666;
font-size:12px;
font-weight:normal;
height:15px;
float:left;
margin:0 10px 8px 10px;
width:250px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
.ch_rang_new_page{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#666666;
font-size:12px;
font-weight:normal;
height:15px;
float:left;
margin:0 10px 8px 10px;
width:30px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
.txt_form_new_page{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#666666;
font-size:12px;
font-weight:normal;
line-height:20px;
float:left;
margin:0 0 8px 0;
color:#666666;
}
.txt_form_new_page a{
text-decoration:none;
color:#666666;
}
.txt_form_new_page a:hover{
text-decoration:none;
color:#e8531e;
}
.titre_form_new_page {
font-size:16px; 
color:#e8531e; 
line-height:20px; 
margin:0 10px 10px 0;
font-weight:bold; 
}
.btn_ok_new_page {
float:left;
text-align:center;
border:solid #FFFFFF 1px;
font-weight:bold;
display:block;
line-height:20px;
/line-height:12px;
background-color:#9d8474;
font-size:11px;
color:#FFFFFF;
width:32px;
height:20px;
padding:2px;
margin:0 0 0 20px;
}
/*
------------------------------------------------------------
Style formulaire de référencement
-----------------------------------------------------------*/
.contenair_ref{
	width:100%
}
.txt_ref{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#666666;
font-size:12px;
font-weight:normal;
margin:0 0 10px 0;
float:left;
width:35%;
line-height:18px;
}
.ch_ref_msg{
margin:0 0 10px 0;
float:left;
width:64%;
height:60px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:normal;
}
.btn_ok_ref {
clear:both;
text-align:center;
border:solid #FFFFFF 1px;
font-weight:bold;
display:block;
line-height:20px;
/line-height:12px;
background-color:#9d8474;
font-size:11px;
color:#FFFFFF;
width:32px;
height:20px;
padding:2px;
margin:30px 0 0 0;
}
/*
/*
------------------------------------------------------------
Style global
-----------------------------------------------------------*/
.texte_courant_centre{
line-height:19px;
margin:0;
text-align:center;
}

/*
------------------------------------------------------------
Style Formulaire login
-----------------------------------------------------------*/
.texte_form_login{
margin:5px 0 3px 0;
}
.titre_form_login {
font-size:16px; 
color:#e8531e; 
line-height:20px; 
margin:00;
font-weight:bold; 
}
.sous_titre_form_login { 
font-size:13px;
color: #666666;
font-weight:bold; 
margin:3px 0 3px 0;
line-height:16px; 
}
.ch_login{
margin:0 0 8px 0;
width:200px;
}
.btn_ok_login {
text-align:center;
border:solid #FFFFFF 1px;
font-weight:bold;
display:block;
line-height:20px;
/line-height:12px;
background-color:#9d8474;
font-size:11px;
color:#FFFFFF;
width:32px;
height:20px;
padding:2px;
margin:5px 0 0 0;
}
/*
------------------------------------------------------------
Style formulaire de contact
-----------------------------------------------------------*/
#col_form_contact{
width:100%;
padding:0;
margin:0 0 20px 50px;
line-height:19px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
z-index:10;
}
.text_contact{
text-align:left;
margin:0 0 10px 0;
float:left;
width:120px;
line-height:16px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
}
.ch_contact{
margin:0 0 10px 0;
clear:both;
width:370px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
border:1px solid #666666;
}
.ch_contact_msg{
margin:0 0 10px 0;
float:left;
width:370px;
height:200px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
border:1px solid #666666;
}
.btn_envoyer {
clear:both;
text-align:center;
border:solid #FFFFFF 1px;
font-weight:bold;
display:block;
line-height:20px;
/line-height:12px;
background-color:#0062ac;
font-size:11px;
color:#FFFFFF;
width:80px;
height:20px;
padding:2px;
margin:5px 0 0 27px;
}
/*
------------------------------------------------------------
Style formulaire accès client
-----------------------------------------------------------*/
.ch_login_client{
margin:0 10px 0 10px;
height:18px;
padding:0;
float:left;
width:135px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
border:solid #333333 1px;
}
.btn_ok_client{
text-align:center;
border:solid #FFFFFF 1px;
font-weight:bold;
display:block;
line-height:20px;
/line-height:12px;
background-color:#9d8474;
font-size:11px;
color:#FFFFFF;
width:32px;
height:20px;
padding:2px;
margin:0;
}
/*
------------------------------------------------------------
Bouton
-----------------------------------------------------------*/

.btn_valider_editor {
text-align:center;
border:solid #FFFFFF 1px;
font-weight:bold;
display:block;
line-height:20px;
/line-height:12px;
background-color:#9d8474;
font-size:11px;
color:#FFFFFF;
width:100px;
height:20px;
padding:2px;
margin:30px 0 60px 0;
}
/*
------------------------------------------------------------
Style du mail
-----------------------------------------------------------*/
.texte_courant_mail{
margin:0 0 8px 25px;
line-height:19px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
text-align:left;
font-size:12px;
}
/*
------------------------------------------------------------
Formuliaire devis
-----------------------------------------------------------*/
.textarea_devis{
clear:both;
width:300px;
border:#666666 solid 1px;
margin:7px 0 0 0;
text-align:left;
font-size:12px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
.input_devis_long{
clear:both;
width:300px;
height:16px;
border:#666666 solid 1px;
margin:7px 0 0 0;
text-align:left;
font-size:12px;
color:#333333;
}
.select_devis{
clear:both;
width:300px;
height:20px;
border:#666666 solid 1px;
margin:7px 0 3px 0;
text-align:left;
font-size:12px;
color:#333333;
}
.txt_devis{
line-height:16px;
width:150px;
float:left;
margin:0;
padding:10px 0 0 60px;
font-size:12px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}
.txt_alerte_devis{
font-size:12px;
color:#666666;
line-height:16px;
width:300px;
margin:0;
padding:0 0 0 210px;
font-family:Arial, Helvetica, sans-serif;
}
.txt_devis_droit{
float:left;
width:300px;
height:16px;
margin:7px 0 3px 0;
text-align:left;
font-size:12px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}
.btn_envoyer{
border:0;
text-decoration:none;
width:100px;
margin:30px 0 0 295px;
line-height:18px;
background-color:#333333;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}