/* CSS Reset (Eric Meyer) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


@font-face {
   font-family: 'Cantarell';
   src: url(../fonts/Cantarell-Regular.eot);
   src: local('Cantarell'), url('../fonts/Cantarell-Regular.ttf') format('truetype');
}

@font-face { /* Définition d'une nouvelle police nommée LearningCurveProRegular */
    font-family: 'allura';
    src: url('../fonts/allura.eot');
    src: url('../fonts/allura.eot?#iefix') format('embedded-opentype'),
         url('../fonts/allura.woff') format('woff'),
         url('../fonts/allura.ttf') format('truetype'),
         url('../fonts/allura.svg#allura') format('svg');
}


body {
    background-color: #f9f9f9;
    color: #222;
    font-family: Cantarell, Verdana, sans-serif;
    font-size: 12px;
}


input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; } 
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

.clear { clear: both; }

#header {
	background: url("../images/bg_upper.png") repeat-x scroll 0% 0% transparent;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

#logo {
	margin: 10px;
	text-align: center;
	/* background: url(logo_fog.png) no-repeat	#81a6b3;
	width: 332px;
	height: 150px; */
	background: url(../images/logo_fog2.png) no-repeat transparent;
	width: 580px;
	height: 54px;
}

	#logo span {
		margin-left: 180px;
		color: #bdbd7a;
		font-weight: bold;
		font-size: 3.4em;
		font-family: 'allura', Arial, serif;
		cursor: default;
		text-shadow: 1px 1px 50px #ffffff;
	}

#lien_logout {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #bdbd7a;
	font-weight: bold;
	font-size: 2.4em;
	font-family: 'allura', Arial, serif;
	text-shadow: 1px 1px 50px #ffffff;
	cursor: default;
}
#lien_logout a {
	text-decoration: none;
}

#lien_logout img {
	margin: 0 10px;
	vertical-align:middle;
}
	
#container {
    background: url('../images/container.png') no-repeat;
    width: 754px;
    height: 370px;
    margin: 20px auto;
    padding: 50px 0;
    overflow: hidden;
    position: relative;
}



#ajax_load {
	margin: 0px auto;
	text-align: center;
}

#loading {
	visibility: hidden;
}


    #container #first_step, #second_step, #third_step, #fourth_step { display: none; }
    #container #first_step { display: block; }

    #container .form { margin: 66px 72px 0 72px; }
    
	#container #form_login .form {
		padding: 40px 0;
	}
	
	#container #form_login #crm_hotesse {
		padding: 0 10px 0 0;
	}
	#container #form_login #crm_hotline, #container #form_login #crm_ctc {
		padding: 0 15px;
	}
	#container #form_login #crm_direction {
		padding: 0 0 0 10px;
	}
	
	#crm_hotesse_ajout_client, #crm_hotesse_rappel_client, #crm_hotesse_stats_client {
		margin: 0 auto;
	}
	
    .name_user_log {
        font-size: Cantarell, Verdana, sans-serif;
        font-size: 20px;
        text-shadow: 1px 1px 2px #222;
		text-decoration: none;
		color: #222;
		padding: 0 10px;
    }
	
    #login_hotesse_1, #login_hotesse_2, #login_hotesse_3, #login_hotesse_4 { display: none; }
    #login_hotline_1, #login_hotline_2, #login_hotline_3 { display: none; }
    #login_ctc_1, #login_ctc_2, #login_ctc_3, #login_ctc_4, #login_ctc_5 { display: none; }
    #login_dir_1, #login_dir_2 { display: none; }
	
    #container h1, #container h2 {
        font-size: Cantarell, Verdana, sans-serif;
        text-align: center;
        font-size: 24px;
        text-shadow: 1px 1px 2px #222;
    }
        #container h1 span { color: #a90329; }
        
    #container h2 {
        color: #888;
        font-size: 20px;
        text-align: left;
        text-shadow: none;
    }
    
    #container table {
        margin: 20px 40px;
        font-size: 14px;
        font-weight: bold;
    }
        #container table td {
            padding: 5px 10px;
        }
            #container table td:nth-child(2) {
                color: #a90329;
            }   
        
    #container input, #container select, #container textarea {
        background: url('../images/input.png') no-repeat;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 300px;
        height: 35px;
        padding: 0 25px;
        margin: 20px 0;
        float: left;
        
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
	
	
    #container input.radio {
        margin: 0;
        padding: 0;
	}
    #container label.radio_l {
        margin: 10px 0;
	}
	
	#container .divCI {
		margin: 34px 72px 0 72px;
	}
	#container input.check {
        margin: 0;
        padding: 0;
	}
	#container label.check_l {
        margin: 10px 0;
	}
	
        #container input.submit {
            background: url('../images/button.png') no-repeat;
            border: none;
            cursor: pointer;
            width: 85px;
            height: 38px;
            position: relative;
            bottom: 2px;
            left: 655px;
        }
            #container input.submit:focus { border: none; }
        
        #container input.send{ background: url('../images/send.png') no-repeat; }
         
        #container input.end{ background: url('../images/end.png') no-repeat; }
            
        #container input.error { border: 1px solid red; }
        #container input.valid { border: 1px solid #1FFF00; }
        
        #container input:focus, #container select:focus, #container textarea:focus {
            border: 1px solid #a90329;
            color: #a90329;
        }

    #container select { padding: 5px 0 5px 25px; }
        #container option { padding: 0 15px; }

    #container label {
        color: #666;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        float: right;
        margin: 23px -25px;
        width: 270px;
    }
	
    #container .mess_retour {
        color: #666;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
	}
	
    #container .mess_retour a {
        color: #A90329;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
		text-decoration: none;
	}
	
    #container .mess_retour img {
		margin: 0 10px;
		vertical-align:middle;
	}

    #container .carte_miniature {
		width:100px;
		float:right;
	}
	
#progress_bar {
    background: url('../images/progress_bar.png') no-repeat;
    width: 339px;
    height: 24px;
    margin: 0 auto;
    position: relative;
}

#progress {
    background: url('../images/progress.png') repeat-x;
    width: 0px;
    height: 23px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
#progress_text {
    position: relative;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px #222;
    width: 339px;
    height: 24px;
    top: -23px;
    left: 0;
}


/***************/
/* Accueil CTC */
/***************/

#lien_devis {
	display: none;
	margin: 25px 0 10px 335px;
}
#lien_devis a {
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #222222;
	text-shadow: 1px 1px 2px #222222;
}


/*************/
/* Catalogue */
/*************/


#menu {
	float: left;
	width:190px;
	margin: 0 0 15px 25px;
}

	#menu h3 {
		cursor: pointer;
	}
	
#fil_rouge {
	color: #A90329;
	font-weight: bold;
	margin: 0 0 15px 10px;
	min-height: 15px;
}


#mini_panier {
	/* positionnement */
	position: absolute;
    right: 0px;
    top: 40px;
	z-index: 998;
	padding: 10px;
	width: 150px;
	text-shadow: 1px 1px 2px #222222;
}

	#mini_panier img {
		vertical-align: middle;
	}
	
	#mini_panier a {
		margin: 0 5px;
		text-decoration: none;
		position: relative;
		bottom: 5px;
		left: 70px;
	}

	#mini_panier a span {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #ffffff;
		padding: 7px 20px;
		background: url(../images/bouton_valider.gif) no-repeat center;
	}

#infos_client {
	/* positionnement */
	position: absolute;
    left: 0px;
    top: 40px;
	z-index: 998;	
	width: 150px;
	text-shadow: 1px 1px 2px #222222;
	padding: 20px 10px 10px 10px;
	overflow:hidden;
}


#lien_catalogue {
	z-index: 997;
	padding: 10px;
	text-shadow: 1px 1px 2px #222222;
}

	#lien_catalogue img {
		vertical-align: middle;
	}
	
	#lien_catalogue a {
		text-decoration: none;
	}
	
	
/*****************/
/* Liste Produit */
/*****************/

#menu h3, #menu li > a {
    display: block;
    position: relative;
    min-width: 110px;
    padding: 0 10px 0 40px;
 
    color: #fdfdfd;
    font: bold 12px/32px Arial, sans-serif;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
 
    background: #6c6e74;
    background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
    background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

#menu li > a {
    padding: 0 10px 0 10px;
}

#menu h3 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    margin: 4px 8px;
}

#menu li a {
    color: #797979;
    text-shadow: 1px 1px 0px rgba(255,255,255, .2);
 
    background: #e5e5e5;
    border-bottom: 1px solid #c9c9c9;
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

#menu li:last-child a { border: none; }

#menu > h3:hover,
#menu > h3:target,
#menu .ui-state-active {
    color: #3e5706;
    text-shadow: 1px 1px 1px rgba(255,255,255, .2);
 
    /*background: url(../img/active.png) repeat-x;*/
    background: #a5cd4e;
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
}

.fiche_produit {
	color: #898989;
	cursor: pointer;
    text-decoration: none;
}

.vignette_product {
    background: url("../images/sprite.gif") no-repeat scroll 0 -150px transparent;
    display: block;
    height: 88px;
    margin: 0 0 3px;
    overflow: hidden;
    padding: 1px 0 0;
    position: relative;
    text-align: center;
    width: 89px;
}

.liste_product {
	float:left;
	margin: 0 5px 6px 0;
	min-height: 0;
    padding: 0;
    vertical-align: top;
    width: 102px;
	height: 165px;
}



/***********/
/* Produit */
/***********/


#produits {
	float: right;
	width: 485px;
	padding: 0 25px;
}

.img_product {
	background: url("../images/sprite.gif") no-repeat scroll -1693px -710px transparent;
    float: left;
    height: 259px;
    margin: 0 20px 0 0;
    padding: 30px 0 0;
    position: relative;
    text-align: center;
    width: 237px;
}

.selection {
    background: url("../images/sprite.gif") no-repeat scroll -381px -430px transparent;
    bottom: 0;
    height: 16px;
    left: 0;
    overflow: hidden;
    padding: 5px 5px 2px 30px;
    position: absolute;
    width: 130px;
	color: #898989;
    cursor: pointer;
    text-decoration: none;
}
a.selection:hover {
	text-decoration: underline;
}

.txt_product {
    height: 1%;
    overflow: hidden;
}


.ref_produit {
    font-size: 18px;
    line-height: 23px;
    background: url("../images/separator.gif") no-repeat scroll -308px 100% transparent;
    display: block;
    margin: 0 0 20px;
    padding: 0 0 18px;
	text-shadow: 1px 1px 2px #222222;
    color: #A90329;
}

.descriptif_product, .descriptif_product2{
	color: #898989;
}

.descriptif_product2{
	width: 500px;
	margin-bottom: 15px;
}


/*********/
/* Devis */
/*********/

.carre_rouge {
	width:10px;
	height:10px;
	background:#069;
	box-shadow:1px 1px 1px #888;
	display: block;
	float: left;
	margin: 1px 15px;
}

#tab_panier_vide {
	padding: 10px;
	margin: 25px 0;
	color: #A90329; 
	font-weight: bold;
	text-shadow: 1px 1px 2px #222222;
}

#retour_catalogue {
	margin: 10px 0 0px;
	text-shadow: 1px 1px 2px #222222;
}

	#retour_catalogue img {
		vertical-align: middle;
	}
	
	#retour_catalogue a {
		text-decoration: none;
		margin-right: 25px;
	}

.product_devis {
	border: 1px solid grey;
	width: 100%;
	padding: 10px;
	margin: 25px 0;
	min-height: 35px;
}

.product_info {
	float: left;
	width: 60%;
	margin-right: 25px;
}

	.product_info_title {
		font-weight: bold;
	}
	.product_info_title span{
		color: #A90329; 
		text-shadow: 1px 1px 2px #222222;
	}

.product_tarif{
	padding-top: 4px;
}

.product_prix {
	float: right;
	padding: 5px 10px 0 0;
    color: #A90329;
	font-weight: bold;
}
	.product_prix a {
		color: #A90329;
		font-weight: bold;
		text-decoration: none;
	}

.product_plus {
	position: relative;
	bottom: 12px;
	left: 12px;
}
.product_moins {
	position: relative;
	top: 22px;
	right: 12px;
}

.raye {
	text-decoration:line-through;
}




.clear {
	clear: both;
}

#total_tab_panier {
	float: right;
}
	#total_tab_panier td {
		vertical-align:middle;
		text-align: right;
	}
	#total_tab_panier input {
		margin: 0;
		padding : 0 0 0 25px;
		height: 20px;
		width: 50px;
		text-align: left;
	}
	
#container input.submit_panier {
	position: relative;
	left: 485px;
	bottom: 59px;
}
	
#mess_retour {
	color: #A90329;
}


#container input.devis {
	position: relative;
	left: 5px;
	bottom: 2px;
}

#retour_liste {
	text-decoration: none;
    text-shadow: 1px 1px 2px #222222;
	color: #222222;
	font-size: 16px;
}

#retour_liste img {
	vertical-align: middle;
	margin: 0 10px;
}

#validation_direction {
font-weight: bold;
	text-decoration: none;
	color: #A90329; 
	text-shadow: 1px 1px 2px #222222;
}