/* CSS Document */
body{
	font-family:"Quicksand", Verdana, Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	margin:0;
	padding:0;
	background-color: #99B7F5;
	background-image: url('../img/bg_body.jpg');
	background-repeat: repeat-x;
}

.great-vibes-regular {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}

.cookie-regular {
  font-family: "Cookie", cursive;
  font-weight: 400;
  font-style: normal;
}


p {
	padding-left: 20px;
	padding-right: 20px;
}

.top_bar {
	background-image: url('../img/bg1.jpg');
	background-repeat: repeat-x;
	height: 70px;
}

.champ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #3366CC;
}

.titre-site {
	position: relative;;
	height: auto;
	width: 100%;
	bottom: 85px;
	background-color: #000000;
	opacity: 0.6;
	color: #ffffff;
	font-size: 20px;
	z-index: 10;
	text-align: center;
	padding-top:8px;
	padding-bottom: 8px;
}

.center-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	animation: enter 8s;
	animation-fill-mode: forwards;
	z-index:1;
}

.row-list-lassureur {
    margin-bottom: 20px;
	background-image: url('../img/Chroma_00087_.png');
	background-repeat: no-repeat;
	height:700px;
}

.zone-centrale {
	width: 100%;
	height:auto;
	overflow: hidden;
}
@keyframes enter {
    5% {
        transform: scale(1);
	opacity: 1;
    }
    100% {
        transform: scale(1.20);
	opacity:1;
    }
}

.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.texteBig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.lexique_lettre {
	font-size: 14px;
	font-weight: bold;
	decoration: underline;
	margin-right: 5px;
}

.lettre_actuelle {
	font-size: 18px;
	font-weight: bold;
	color: #660871;
}

.mot {
	cursor: pointer;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	padding-left: 3px;
	background: #fff;
	height:12px;
	line-height:7px;
}

.mot::first-letter {
    font-size: 160%;
    color: #660871;
	vertical-align: sub;
}

.definition {
	margin: 5px;
	margin-bottom:8px;
}

.tel {
	font-size: 13px;
	color: #ffffff;
	float:right;
	padding-top: 6px;
}

.texteSmall {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

a:link, a:active, a:visited{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;

}
a:hover{
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;

}


/*  style pour le menu de gauche  */

h1, h2, h3, h4 {
	margin : 0;
	padding : 0;
	text-align:left;
	}

h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

.open {
	background-image: url('../img/minus.gif');
	background-repeat: no-repeat;
	background-position: 7px 4px;
	color:#00009F;
	}

.closed {
	background-image: url('../img/plus.gif');
	background-repeat: no-repeat;
	background-position: 7px 4px;
	}

.left_menu_on {
	font-family: Arial, Helvetica, sans-serif;
	background-color : #fff;
	color:#00f;
	font-size:12px;
	font-weight:bold;

	}

.toggler_1, .toggler_2 {
	background-color: #e6ebf6;
	}

ul.stretcher_1, ul.stretcher_2 {
	margin-left : 0px;
	padding-left : 15px;
}

li.stretcher_1 {
	margin-left : 0px;
	padding-left : 20px;
	background: url('../img/flecb1.gif');
	background-repeat: no-repeat;
	background-position: 20px 4px;
	}

li.stretcher_2 {
	margin-left : 0px;
	padding-left : 20px;
	background: url('../img/flecb1.gif');
	background-repeat: no-repeat;
	background-position: 20px 4px;
	}

ul.left_menu {
	margin-top:0px;
	margin-left : 0px;
	padding-left:0px;
	padding-top:2px;
	background-color: #e6ebf6;
}

.menu-bars {
	margin-left : 0px;
	margin-right: 10px;
	padding: 0px;
	background: url('../img/menu-32.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 32px;
	height: 32px;
	float: left;
}



/* .left_menu h2, h3, h4 { */
h4, h3 {
	margin-left : 1px;
	padding-left : 20px;
	font-size:12px;
	font-weight:bold;
	cursor:default;
	color:#3333ff;
	list-style-type: none;
	background: url('../img/flecb1.gif');
	background-repeat: no-repeat;
	background-position: 8px 4px;
	line-height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:30px;
	border-style:solid;
	border-width:1px;
	border-color:#e6ebf6;
	border-top-color:#fff;
	border-bottom-color:#9cf;
}


.left_menu h2, .left_menu h3, .left_menu h4{
	margin : 1px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:28px;
	border-style:solid;
	border-width:1px;
	border-top-color:#fff;
	border-bottom-color:#9cf;
	border-right-width:6px;
}

h2.toggler_1, h3.toggler_1 , h4.toggler_1 {
	margin-left : 1px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:28px;
	border-style:solid;
	border-width:1px;
	border-top-color:#fff;
	border-bottom-color:#9cf;
	border-right-width:6px;
}

h2.toggler_2 , h3.toggler_2, h4.toggler_2 {
	margin-left : 1px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:28px;
	border-style:solid;
	border-width:1px;
	border-top-color:#fff;
	border-bottom-color:#9cf;
	border-right-width:6px;
}

.menu {

	}

.list_over {
	background-color: #ffffff;
	background:#ffffff url('../img/flecb1.gif');
	background-repeat: no-repeat;
	background-position: 8px 4px;
}

.list_out {
	background-color: #e6ebf6;
	background:#e6ebf6 url('../img/flecb1.gif');
	background-repeat: no-repeat;
	background-position: 8px 4px;
}
.left_menu li {
	list-style-type: none;
}

.left_menu li a {
	text-align:left;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	font-weight:bold;
	color:#33f;

}
.left_menu li a:link {
	text-decoration:none;
}
.left_menu li a:hover {
	text-decoration:underline;
}

.bottom_menu {
	color:#fff;
	}
.bottom_menu a:link {
	color:#fff;
	}
.bottom_menu a:hover {
	color:#33f;
	background-color:#fff;
	}

.bottom_menu_on {
	color:#33f;
	background-color:#fff;
}
/*   contenu central   */
.central-container {
	min-width: 600px;
	width: 45%;
	vertical-align: top;
	padding-bottom: 35px;
}
.big-container {
	min-width: 900px;
	width: 65%;
	vertical-align: top;
}

.w3-container { padding: 5px; }
/* titres int�rieurs */

.blanc_sur_antracite_centre{
	text-transform:uppercase;
	padding-top:5px;
	width:100%;
	height:auto;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#666;
	margin-top: 5px;
	}
.antracite_sur_blanc_centre{
	text-transform:uppercase;
	padding-top:5px;
	width:100%;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#666;
	background-color:#fff;
	margin-top: 5px;
	}
.blanc_sur_antracite_gauche{
	text-transform:uppercase;
	padding-top:5px;
	width:100%;
	height:auto;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#666;
	padding-left:4px;
	margin-top: 5px;
	}
.antracite_sur_blanc_gauche{
	text-transform:uppercase;
	padding-top:5px;
	width:100%;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#666;
	background-color:#fff;
	padding:4px;
	margin-top: 5px;
	}
.article {
	padding : 10px;
	font-size : 12px;
	text-align:left;
	}
.scrollable {
	width: 80vw;
	overflow: auto;
}

.tableau-large {
	
}

.telecharger {
	text-align:left;
	padding-left:25px;
	height: 50px;
	}
.email_docs {
	margin:0px;
	list-style:none;
	}

.Style1 {color: #666666}
.Style2 {color: #333333}

.blanc_antracite_centre{
	text-transform:uppercase;
	padding:5px;
	width:102.5%;
/*	height:32px; */
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#666;
	margin-left:-10px;
	margin-top: 5px;
	}

.titre_bleu{
	font-size:12px;
	font-weight:bold;
	color:#339;
	}

.titre_rouge{
	font-size:12px;
	font-weight:bold;
	color:#f00;
	}

/* Codes couleurs menus - tete de chapitre */

.menu_antracite {
	border-right-color:#666;
	}

.menu_orange {
	border-right-color:#e77200;
	}

.blanc_sur_orange_centre{
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom: 5px;
	width:100%;
	height:auto;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#e77200;
	margin-top: 5px;
	}

.menu_rouge {
	border-right-color:#a70202;
	}

.blanc_sur_rouge_centre{
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom: 5px;
	width:100%;
	height:auto;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#a70202;
	margin-top: 5px;
	}
.rouge_sur_blanc_centre{
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom: 5px;
	width:100%;
	height:auto;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#ff0202;
	background-color:#fff;
	margin-top: 5px;
	}

.menu_violet {
	border-right-color:#660871;
	}

.blanc_sur_violet_centre{
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom: 5px;
	width:100%;
	height:auto;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#660871;
	margin-top: 5px;
	}

.menu_bleu {
	border-right-color:#102e7a;
	}

.blanc_sur_bleu_nuit_centre{
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom: 5px;
	width:100%;
	height:auto;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#102e7a;
	margin-top: 5px;
	}

.menu_vert {
	border-right-color:#0c6928;
	}

.blanc_sur_bleu_vert_centre{
	text-transform:uppercase;
	padding-top:5px;
	width:100%;
	height:auto;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#0c6928;
	padding-bottom: 5px;
	margin-top: 5px;
	}

.titre_produit {
	width:100%;
	height:40px;
	background-color:#ddddff;
	font-size:13px;
	font-weight: bold;
	padding-top:5px;
	}
.descriptif_produit {
	height:350px;
	margin-top:10px;
	overflow: hidden;
	width:130px;
}
.calcul_devis {
	/* background-color:#eeeeaa; */
	padding-top:5px;
	position:absolute;
	bottom: -40px;
	margin: 0 auto;
	width: 100%;
}

/* bottom menu */

.bottom-menu {
	font-size:12px;
	color: white;
	margin:0;
	padding:0;
	background-color: #99B7F5;
	background-image: url('../img/bg8.gif');
	background-repeat: repeat-x;
	text-align: center;
	height: 26px;
}
.bottom-menu-link, .bottom-separator {
	margin-left: 3vw;
}

.recap_column {
	min-width:130px;
}

.social-notworking {
	position: absolute;
	top:6px; right:0px; width:160px;height:20px;
	z-index: 100;

/*	background-color: #99B7F5; */
}

.search-box {
	background-image: url('../img/search-24.png');
	background-position: 140px 0px;
    background-repeat: no-repeat;
	width: 170px;
}

a.lien-retour {
	background-image: url('../img/alphabetical_sorting-24.png');
	background-position: 10px 0px;
    background-repeat: no-repeat;
	padding: 5px;
	padding-left: 40px;
	font-size: 14px;
	margin:5px;
}



/* start of desktop styles */

@media screen and (max-width: 991px) {
     /* start of large tablet styles */

}

@media screen and (max-width: 767px) {
     /* start of medium tablet styles */
	 .central-container {
 		min-width: 500px;
 	}
}

@media screen and (max-width: 479px) {
     /* start of phone styles */
	 .w3-container { padding: 0; }
	 .central-container, .big-container { min-width: 320px; }
	 .logo-site { width: 70vw; }
	 .social-notworking {
		 position: fixed;
		 height: 43px;
		 width: 100%;
		 z-index: 100;
		 top: auto;
		 bottom: 0;
		 left: 0;
		 background-color: #99B7F5;
		 padding: 6px;
	 }
	 .tel { margin-top: 8px; font-size: 12px; }
	 .calcul_devis {
	 	/* background-color:#eeeeaa; */
	 	padding-top:5px;
	 	position: unset;
	 	bottom: auto;
	 	margin: 0 auto;
	 }
}