/*
* bleu : #1260a2
* orange : #fe5700
* gris : #504f4f
* vert : #6a8e1a
*/

/**
* General
*/
* { margin: 0; padding: 0; } /* Remove all spacings by default of the tags  */

body
{
	font-size:12px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #0e293c;
	background:#63ABE1 url(img/bg_top.png) repeat-x;
	margin-right:13px;
}

#popup{
	margin:0px;
	background:#63ABE1 url(img/bg_top.png) fixed repeat-x;
}

#image{
	position:absolute;
	left:50%;
	margin-left:-275px;
	top:180px;
	float:left;
	display:none;
	padding:20px;
	padding-bottom:10px;
	width:500px;
	text-align:center;
	background:#FFFFFF url(img/fond_themes.png) left bottom repeat-x;
	border:solid 1px #999;
	z-index:1000000;
}

#image img{
	margin-bottom:4px;
}

table{
	width:100%;
	font-size:12px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
tbody, td{
	font-size:12px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
img {
	border:none;
	vertical-align:middle;
}

/* Liens */
a{
	color: #f70000;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}


.pdf{
	background:url(img/ico_pdf.png) 0px 2px no-repeat;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
}

.centre{ text-align:center; }
.droite{ text-align:right; }
.gauche{ text-align:left; }
.justifie{ text-align:justify; }


p{
	padding-top:0px;
	padding-bottom:14px;
	text-align:justify;
	}
	
h1{
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	padding-bottom:12px;
	color:#034f95;
}

.envaleur{
	font-size:14px;
	font-weight:bold;
	color:#0e293c;
}

h2{
	color:#1260a2;
	font-size:16px;
	line-height:18px;
	padding-top:6px;
	padding-bottom:6px;
	font-weight:bold;
}

h2 .date{
	color:#504f4f;
	font-size:12px;
	line-height:18px;
	padding-left:2px;
	font-weight:normal;
}


h3{
	color:#000;
	font-size:13px;
	line-height:15px;
	padding-top:4px;
	padding-bottom:4px;
	font-weight:bold;
}

ul{
	padding-left:25px;
	padding-bottom:5px;
	padding-top:5px;
	margin:0px;	
}

ol{
	padding-left:25px;
	padding-bottom:5px;
	padding-top:5px;
	margin:0px;	
}

li{
	list-style:disc;
	list-style-position:outside;
	margin-bottom:15px;
}



hr{
	color:#7b8394;
	background:#7b8394/* url(img/hachures_grises.png) 0px 0px repeat-x*/;
	border:none;
	height:1px;
	margin-top:6px;
	margin-bottom:16px;
	padding:0px;
}

*html hr{
	padding:0px;
	color:#7b8394;
	height:1px;
	margin-top:0px;
	margin-bottom:10px;
}

+html hr{
	padding:0px;
	color:#7b8394;
	height:1px;
	margin-top:0px;
	margin-bottom:10px;
}

#container{
	width:928px;
	margin:0 auto;
}



#popup #container{
	width:auto;
	margin:0 auto;
	margin-left:12px;
	margin-right:12px;
	padding:10px;
	background:#FFFFFF;
	overflow:auto;
}



#top{
	height:268px;
	background:url(img/bg_top.jpg) left top no-repeat;
	}

#top #logo{
	float:left;
	width:310px;
	height:130px;
	cursor:pointer;
}



input.custo{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #0e293c;
	font-weight:normal;
	border:solid 1px #cccccc;
	height:15px;
	padding:3px;
	padding-top:2px;
	padding-bottom:0px;
	vertical-align:middle;
}

textarea{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #0e293c;
	font-weight:normal;
	border:solid 1px #cccccc;
	padding:3px;
	padding-top:2px;
	padding-bottom:0px;
	vertical-align:middle;
}

select{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #0e293c;
	font-weight:normal;
	border:solid 1px #cccccc;
	vertical-align:middle;
}

#panier #header_panier{
	margin-left:25px;
	margin-right:25px;
	margin-bottom:28px;
	background:url(img/bg_header_panier.png) left top repeat-x;
	width:530px;
}

#panier #header_panier td{
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
	color:#034f95;
}



#panier #header_panier td img{
	border:4px solid #FFFFFF;
	border-top:0px;
}

#panier .panier th{
	height:22px;
}

#panier .panier td, th{
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	width:70px;
	font-weight:bold;
	border-bottom:solid 1px #DEDEDE;
	border-right:solid 1px #DEDEDE;
	padding-top:6px;
	padding-bottom:6px;
}

#panier .panier td.libelle{
	width:300px;
	font-weight:normal;
}

#panier .panier td.frais_de_port{
	font-weight:bold;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	width:auto;
}

#panier .panier td.ligne_total{
	font-weight:bold;
	text-align:right;
	border-bottom:none;
	padding-top:10px;
	padding-bottom:10px;
	width:auto;
}



#panier .panier td.total, th.total{
	padding-top:10px;
	padding-bottom:10px;
	background:#F8F8F8;
}

#panier .panier td.total, th.total{
	border-bottom:solid 1px #DEDEDE;
}
#panier .panier th.total{
	border-top:solid 1px #DEDEDE;
}

#panier .panier td.supprime, th.supprime{
	width:180px;
	font-weight:normal;
	border-right:none;
}

.choix{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}




#footer_frame{
	background:url(img/bg_bottom.png) left top no-repeat;
	height:35px;
	padding-top:0px;
	padding-bottom:6px;
	padding-left:46px;
	padding-right:22px;
	margin-bottom:10px;
}
#footer{
	background:#415562;
	color:#FFFFFF;
	height:16px;
	line-height:16px;
	text-align:center;
	font-size:11px;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

#main{
	width:928px;
	background:url(img/bg_middle.png) left top repeat-y;
}

#popup #main{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	background:url(img/bg_gray_gradient.png) left top repeat-x;
	
}

#popup_print #main{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	background:url(img/bg_gray_gradient.png) left top repeat-x;
}

#main td{
	vertical-align:top;
	}


#main .col{
	width:176px;
	padding-left:63px;
	padding-right:28px;
	padding-top:5px;
	background:url(img/bg_col_gauche.jpg) top right no-repeat;
	
}

#main .col_droite{
	width:22px;
	background:none;
}

#main .col .encart{
	padding:0px;
	margin:0px;
	padding-top:7px;
	padding-bottom:7px;

	zoom:1;
	border-bottom:solid 1px #888E9D;
	color:#0e293c;
	font-size:13px;
	text-align:right;
}

#main .col a{
	color:#0e293c;
	font-weight:bold;
	text-decoration:none;
}

#main .col a.selected{
	color:#f70000;
}

.selected{
	color:#f70000;
}

#main .col a:hover{
	text-decoration:none;
	color:#f70000;
}




#main #contenu{
	padding-left:32px;
	padding-right:15px;
	padding-top:25px;
	padding-bottom:15px;
	background:#FFFFFF url(img/bg_middle_right_col.png) left top no-repeat;
}

#main #contenu #reglage{
	height:416px; 
}


#main #contenu #achat_home{
	margin-left:418px; margin-top:46px; margin-right:40px;
	color:#FFFFFF;
	}
	
#main #contenu .panel_bleu{
	background:#0e293c;
	color:#a2d1f4;
	padding:15px;
	text-align:center;
	font-size:14px;
	line-height:22px;
}

#main #contenu .panel_ciel{
	background:#a2d1f4;
	color:#000004;
	padding:15px;
	text-align:center;
	font-size:14px;
	line-height:22px;
}

#main #contenu .galerie{
	
}

#main #contenu .galerie td{
	text-align:left;
}


	
#popup #main #contenu{
	padding-left:8px;
	padding-right:8px;
}



#main #contenu .annonce_prix{
	font-size:16px;
	color:#CD222B;
	font-weight:bold;
	margin-top:6px;
}
*html #main #contenu .annonce_prix{
	margin-top:18px;
}



#main #contenu .form_crea_cpt_tab
{
	width:auto;
}

#main #contenu .form_crea_cpt_tab td
{
	padding:4px;
	height:20px;
	vertical-align:middle;
	
}

#main #contenu .form_crea_cpt_tab td.legende
{
	text-align:right;
	font-weight:normal;
	padding-left:2px;
}

#panier .choix_paiement{
	width:100%;
}

#panier .choix_paiement td{
	vertical-align:top;
	text-align:left;
	padding:6px;
	width:auto;
}

#panier .choix_paiement td.input{
	width:20px;
	text-align:center;
	padding-top:6px;
}

*html #panier .choix_paiement td.input{
	padding-top:2px;
}

#main #contenu table.contact{
	width:auto;
}

#main #contenu table.contact td.quel_champ{
	width:180px;
	text-align:right;
	padding-right:4px;
	padding-bottom:4px;
	padding-top:6px;
	font-weight:bold;
}
*html #main #contenu table.contact td.quel_champ{
	padding-top:7px;
}
#main #contenu table.contact td.le_champ{
	padding-right:1px;
	padding-bottom:4px;
	padding-top:4px;
}

#main #contenu a{
	text-decoration:underline;
	}
#main #contenu a:hover{
	text-decoration:none;
	}


	
#main #contenu .dernier_ajout{
	width:100%;
}

#main #contenu .dernier_ajout td{
	text-align:left;
	vertical-align:top;
}

#main #contenu .dernier_ajout .image{
	text-align:left;
	vertical-align:top;
	width:112px;
}

#main #contenu .dernier_ajout .image img{
	padding:10px; background:#FFFFFF;
}


#main #contenu .left{
	width:340px;
	float:left;
	margin-right:70px;
	margin-bottom:25px;
}
#main #contenu .right{
	float:left;
	width:340px;
	margin-bottom:25px;
}


#main #contenu .message_erreur{
	padding:6px;
	margin-bottom:10px;
	/*border:solid 1px #cccccc;*/
	color: #fe5700;
	font-weight:bold;
	background:#EBF0F3;
}

#main #contenu .message_ok{
	padding:6px;
	margin-bottom:10px;
	/*border:solid 1px #cccccc;*/
	color: #fe5700;
	font-weight:bold;
	background:#EBF0F3;
}







.alerte{
	color:#f70000;
}

#zebody .fs_10{
	font-size:10px;
	line-height:12px;
}
#zebody .fs_11{
	font-size:10px;
	line-height:12px;
}

/* style du pop calendrier */
#zebody .ds_box { 
background-color: #FFF; 
border: 1px solid #AAA; 
position: absolute; 
z-index: 32767; 
width:auto;
} 

#zebody .ds_tbl { 
background-color: #FFF;
} 

#zebody .ds_head { 
background-color: #72BD44;
color: #FFF; 
font-family: Verdana, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold; 
text-align: center; 
letter-spacing: 1px; 
padding: 2px; 
} 

#zebody .ds_subhead { 
background-color: #CCC; 
color: #000; 
font-size: 10px; 
font-weight: bold; 
text-align: center; 
font-family: Verdana, Helvetica, sans-serif; 
width: 32px; 
} 

#zebody .ds_cell { 
background-color: #EEE; 
color: #000; 
font-size: 10px; 
text-align: center; 
font-family: Verdana, Helvetica, sans-serif; 
padding: 3px; 
cursor: pointer; 
} 

#zebody .ds_cell:hover { 
background-color: #F3F3F3; 
} /* This hover code won't work for IE */