/* Polices intégrées */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 29, 2016 */
@font-face {
    font-family: 'eidolonmedium';
    src: url('fonts/eidolon/eidolon-webfont.eot');
    src: url('fonts/eidolon/eidolon-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eidolon/eidolon-webfont.woff2') format('woff2'),
         url('fonts/eidolon/eidolon-webfont.woff') format('woff'),
         url('fonts/eidolon/eidolon-webfont.svg#eidolonmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'remissoregular';
    src: url('fonts/remisso/remisso-webfont.eot');
    src: url('fonts/remisso/remisso-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/remisso/remisso-webfont.woff2') format('woff2'),
         url('fonts/remisso/remisso-webfont.woff') format('woff'),
         url('fonts/remisso/remisso-webfont.svg#remissoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'white_woodregular';
    src: url('fonts/white_wood/white_wood-webfont.eot');
    src: url('fonts/white_wood/white_wood-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/white_wood/white_wood-webfont.woff2') format('woff2'),
         url('fonts/white_wood/white_wood-webfont.woff') format('woff'),
         url('fonts/white_wood/white_wood-webfont.svg#white_woodregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:DarkSlateBlue;
}

#popup{
position: fixed;
width: 330px;
height: 90px;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -165px;
background:white;
border:1px solid DarkSlateBlue;
border-radius:30px;
text-align:center;
padding:20px;
}

div.popup2{
position:fixed;
width:500px;
height:auto;
top:50%;
left:50%; 
margin-top:-200px;
margin-left:-250px;
border: 3px solid DarkSlateBlue;
background-color:white;
padding:20px;
}


#page{
	width: 1000px;
	margin: 0 auto;
}

#zonehaut{
	width: 1200px;
	margin: 1px auto;
}

#header{
	vertical-align:middle;
}

.blocs_centres_header{
clear:left; 
display:table-cell;
vertical-align:middle;
}

#navigation{
	background: white;
	height: 50px;
	width:inherit;
	line-height: 45px;
}

#navigation a{
text-decoration:none;
}

.fixNavigation{
	z-index: 9999;
	position: fixed;
	top: 0;
	/*width: 1000px;*/
}

#barre_horiz_nav{
height:5px;
width:990px;
background-color:DarkSlateBlue;
display:table;
margin:0 auto;
}

#footer{
background: #3E3E3E;
margin-top:50px;
padding-top:20px;
color:white;
text-align:center;
}

#footer table{
width:100%;
}

#footer a{
color:#cccccc;
}

#footer img{
padding-left:20px;
padding-right:20px;
padding-top:25px;
padding-bottom:10px;
}

#header,#navigation, #content1, #content2, #content3, #content4, #content5, #footer{
	text-align: center;
}

#content3 li{
margin-bottom:20px;
}

.mentions_serviceclients{
margin-bottom: 35px;
}

.bouton_navigation{
/*background-color: LemonChiffon;*/
/*border-radius: 5px;*/
/*border: 1px DarkSlateBlue dotted;*/
padding-right: 22px;
padding-left: 22px;
padding-top: 4px;
padding-bottom: 4px;
margin-right: 5px;
margin-left: 5px;
font-family:white_woodregular;
font-size:17pt;
color:DarkSlateBlue;
}

.bouton_navigation:hover{
color: CrimSon;
}

.puce_selec_photo{
width: 13px;
height: 13px;
border-radius: 50%;
border: 1px solid DarkSlateBlue;
background: white;
display: inline-block;
vertical-align: top;
margin-right: 8px;
margin-left: 8px;
cursor: pointer;
}

.puce_selec_photo:hover{
background:CrimSon;
}

.puce_selec_photo_active{
background:CrimSon;
}

.bouton{
padding-left:10px;
padding-right:10px;
padding-top:7px;
padding-bottom:7px;
border-radius: 5px;
border: 0px solid white;
display: inline-block;
vertical-align: top;
margin-right: 3px;
margin-left: 3px;
box-shadow: 2px 2px 5px #656565;
background: DarkSlateBlue;
color: white;
font-weight: bold;
cursor: pointer;
text-align:center;
}

.cadre_contenu{
margin-top:0px; 
margin-bottom:100px;
padding-bottom:40px;
padding-top:40px;
}

.cadre_contenu_pair{
background: #EEEEEE;
}

.cadre_contenu_impair{
background: white;
}

.faq_question{
font-weight:bold;
font-size:105%;
padding-left:80px;
padding-right:80px;
padding-bottom:0px;
padding-top:0px;
margin-top:0px;
margin-bottom:15px;
text-align:left;
}

.faq_reponse{
font-size:95%;
padding-left:250px;
padding-right:80px;
padding-bottom:0px;
padding-top:0px;
margin-top:0px;
margin-bottom:50px;
text-align:right;
color: #5c5a6d;
}

.marges_gd{
padding-left:80px;
padding-right:80px;
}

input[type=text], input[type=password], input[type=submit], button, textarea, select{
text-align: center;
border-radius: 3px;
box-shadow: 1px 1px 5px #656565;
border: none;
height: 20px;
}

input[type=submit], button{
cursor:pointer;
}

#table_comparatif {
	border-collapse: collapse;
}

#table_comparatif td{
	padding: 10px 20px;
}

#table_comparatif .ligne_fonction{
	height:50px;
	border-top: 2px solid darkslateblue;
	border-bottom: 2px solid darkslateblue;
}

#table_comparatif tr.ligne_fonction td:nth-child(1){
	text-align:left;
	font-size:95%;
	font-weight:bold;
	padding-left:20px;
}

#table_comparatif  tr.version_clib td{
	font-size:110%;
	font-weight:bold;
	padding-bottom:15px;
}

#table_comparatif .coche{
	height:25px;
	margin:0px;
}

#table_comparatif img.point_interrog{
	height:13px;
}



/* Styles spécifiques formulaire de contact*/
	form[id=form_contact] label{
	display:inline-block;
	width:180px;
	margin-left:150px;
	}

	form[id=form_contact] input[type=text]{
	width:250px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:15px;
	text-align:left;
	}
	
	form[id=form_contact] textarea, form[id=form_contact] select{
	width:400px;
	text-align:left;
	}

	form[id=form_contact] label, form[id=form_contact] input[type=text]{
	line-height:30px;
	margin-bottom:10px;
	}

	form[id=form_contact] p[class=radio]{
	display:inline-block;
	width:70px;
	padding-left:5px;
	}

	form[id=form_contact] input[type=radio]{
	margin:0;
	vertical-align:middle;
	}
	
/* FIN §§ Styles spécifiques formulaire de contact*/


/* Styles spécifiques formulaire de commande*/
	form[id=commande] label{
	display:inline-block;
	}
	
	form[id=commande] label.texte_majeur{
	margin-left:50px;
	}
	
	form[id=commande] label.legende_checkbox{
	display:inline-block;
	width:auto;
	margin-left:10px;
	}
	
	#adresse_livr label{
	width: 130px;
	}
	
	
	input[type=text].textbox_trait_bas,
	select.textbox_trait_bas{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid grey;
	background:none;
	box-shadow:none;
	margin-bottom:0px;
	}
	
	input[type=text].textbox_fond_teinte,
	select.textbox_fond_teinte{
	background: #f2f2f2;
	}
	
	input[type=text].qte{
	width:25px;
	height:18px;
	text-align:center;
	}
	
	#adresse_livr{
	line-height: 280%;
	}
	
	#adresse_livr input[type=text],
	#adresse_livr select{
	width:500px;
	height:24px;
	text-align:left;
	padding-left:22px;
	letter-spacing: 0.4pt;
	color: inherit;
	}
	
	form[id=commande] input[type=checkbox]{
	margin-left:80px;
	}
	
	.texte_majeur{
	font-size:106%;
	margin-bottom:10px;
	}
	
	.texte_mineur{
	font-size:65%;
	}
	
	
	form[id=commande] select{
	text-align:left;
	}

	
	form[id=commande] p[class=radio]{
	display:inline-block;
	width:70px;
	padding-left:5px;
	}

	form[id=commande] input[type=radio]{
	margin:0;
	vertical-align:middle;
	}
	
	/* Styles pour tableau choix du mode de livraison et de paiement*/
	form[id=commande] table.tableau_choix_livr_paie{
	margin-left:120px;
	}
	
	form[id=commande] table.tableau_choix_livr_paie td{
	padding:10px 35px;
	}
	
	form[id=commande] table.tableau_choix_livr_paie label{
	cursor: pointer;
	}
	
	form[id=commande] table.tableau_choix_livr_paie td.col1{
	}
	
	form[id=commande] table.tableau_choix_livr_paie input[type=radio]{
	margin-right:12px;
	cursor: pointer;
	}
	
	/* FIN §§ Styles pour tableau choix du mode de livraison et de paiement*/
	
/* FIN §§ Styles spécifiques formulaire de commande*/



/* Styles pour infobulles*/
a.infobulle{
position:relative;
z-index:24;
text-decoration:none
}
 
a.infobulle:hover{
z-index:25;
cursor: help;
}
 
a.infobulle span{
display: none;
}
 
a.infobulle:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:16em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: center;
font-weight:normal;
padding:5px;
line-height: 1.2em;
font-size: 14px;
}
/* FIN §§ Styles pour infobulles*/



/* Styles pour verif commande et interface d'admin*/
.titre_section{
padding-left:100px;
padding-bottom:15px;
padding-top:25px;
font-size:1.3em;
font-weight:bold;
}