html, body{ margin:0; padding:0;}
body{
background-color: #c8dedb;
font-family:'tex_gyre_adventorregular','Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:14px;
height:100%;
/*overflow:hidden;*/
/*background:url('/images/commun/fd_site.jpg') repeat 0 0 fixed;*/
background-color:White;
color:#6C6766;
background: url('/images/commun/texture_grey.png') repeat 0 0 fixed;
}

ul, li{ list-style-type:none; margin:0; padding:0;}
a, img{ text-decoration:none; border:none; margin:0; padding:0;}

/*DONNEES TEMPLATEES */
.width_site{min-width: 850px; width:900px;}
.height_header{height:165px;}
.height_footer{height:65px;}
/*mode one page*/
div.scroll_h{ height:1200px;}
div.scroll_m{ margin-top:130px;}
div.scroll_p{ padding-top:130px;}



.bg_header_cou{ background-color:#4a9c7f;}
.bg_footer_cou{background-color:#7b4e77;}
.clair{ color:#c8a3c9;}
/*.nav_txt_cou, .nav_txt_cou a{ color:#c8a3c9;}
.nav a{font-family:'PTSansNarrowRegular','Trebuchet MS', Arial, Helvetica, sans-serif;}*/
.footer_img{background:url('/images/commun/logos_partners.png') no-repeat 2em 5px;}
/*FIN DONNEES TEMPLATEES */





header, .header, footer,.footer, .wide_blck {
    display: block;
	width:100%;
    position: relative;
}

.wide_blck { background-color:White; border:none;}
.container{display:block; width:1100px; margin:0 auto;}

.wrapper{display:block; margin:0 auto;}



.header{ position:fixed; top:0;}
.footer{ position:fixed; bottom:0;}
.footer{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:0.8em;}

.title_header{
	/*background:url('/mobilepcstarterkit/images/site/picto_title.png') no-repeat 0 4px;
	background-size:55px 55px;*/
	padding: 3px 0 0 65px;
display:block; height:75px; margin:0;
position:relative;
overflow:hidden;/* IMPORTANT IMPORTANT IMPORTANT IMPORTANT IMPORTANT IMPORTANT IMPORTANT IMPORTANT IMPORTANT oblige les margin du contenu à etre maintenus à l'intérieur + evite d'utiliser un div de hauteur fixe pour descendre le contenu (ici le menu) + les padding n'augmentent pas la taille du conteneur non plus ! */
}


a.bt_shop{
	background-color:#70336d;
	height:35px; 
	text-decoration:none;
	color:White;
	border-radius:4px;
	padding:5px;
	overflow:hidden;
webkit-transition: background 150ms ease-in-out;
-moz-transition: background 150ms ease-in-out;
-o-transition: background 150ms ease-in-out;
-ms-transition: background 150ms ease-in-out;
transition: background 150ms ease-in-out;
}
a.bt_shop:hover{background-color:#e0499a;}

.plain_txt{font-family:'tex_gyre_adventorregular','Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal;}
.plain_txt em{font-family:'tex_gyre_adventoritalic','Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal;font-style: normal;}
/*.semibold{font-family:'open_sanssemibold','Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal;}*/
h2,h3{ margin:0;}
h2.plain_txt{ font-size:4.0em; line-height:1em;}
/*p.plain_txt{ margin-left:100px;}*/
.contact{ color:#0066FF;}

.title_p1,.title_p2{ font-style:normal; color:#cccaad; font-size:1.5em; text-shadow:0 1px 1px #254e3f;}
.title_p1{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;}
.cou_icon{color:#c4c3bd;}


.clear{display:block;height:0; clear:both;}
.sep5{ display:block;height:5px; clear:both;}
.sep15{display:block;height:15px; clear:both;}
.right{ float:right;}
.left{ float:left;}
.t_center{ text-align:center;}
.t_right{ text-align:right;}
.t_left{ text-align:left;}


ul.nav{ margin-top:30px;}
.nav li{ float:left;}
.nav li a:hover{ color:White; cursor:pointer;}
body.rules .nav li a:hover{ color:Black; cursor:pointer;}

body.rules{ background-image:none; background-color:White;}
body.rules{ overflow:visible;}

/*TAILLES DE FONTS BASE A 14PX DANS BODY*/
.ft1_2{font-size:1.2em;}

.fa-10x{ font-size:10em;}


/*
.em_des_block{display:block; height:122px; width:740px; border-top:2px solid #efefef; padding:5px 0;}
.em_des_block:hover{ background-color:White;cursor:default;}

.title_em{ color:#438BC5; text-transform:uppercase; font-size:1em; font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; margin:0; padding:0;
margin-bottom:3px; display:block; height:18px; overflow:hidden;}
.des_em{ color:#888888;font-size:0.9em; line-height:1.6em; font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; margin:0; padding:0;
 display:block; height:75px; overflow:hidden;}
*/ 
 
.titlepaves{font-size:1.20em;padding-left:1%;}
.pave{display:block; height:110px; width:31%; background-color:#d4e3e3; color:#6C6766; float:left; padding-left:1%; margin:0 1% 0 0;}
.pave.first{margin-left:1%;background-color:#dde3de;}
.pave.last{margin-right:0;background-color:#ede1e1;}
.t2,h2.t2{font-size:2em;}
.t2_5,h2.t2_5{font-size:2.5em;}
.t1_2{font-size:1.2em;}

.fd{background: url('/images/commun/texture_grey.png') repeat 0 0 fixed;}
.eyes{height:142px;position:absolute; background:url('/images/commun/eyes2.jpg') no-repeat bottom right #ffffff;}
.logotop{height:157px;position:absolute; background:url('/images/commun/logo_caro-m.png') no-repeat top left;}
.annonce{font-size:2.0em; line-height:1.5em;text-shadow: 0 2px 0 #ffffff;}
.annonce.t2_5{ font-size:2.5em; line-height:1.2em;}

.twhiteshadow{text-shadow:0 2px 0 #fff;}
.bottompage{margin-bottom:70px;}

@media screen and (min-width: 641px) and (max-width: 890px) {
.pave {
	border-bottom-right-radius: 2em;height:130px;
}
h2.twhiteshadow{_font-size:3.0em;text-align: right;}
/*.annonce.t2_5{ font-size:2em; line-height:1.5em;}
.annonce.t2{ font-size:1.5em; margin-bottom:1em;}
.titlepaves{font-size:1em;padding-left:5px;}
.pave.first{margin-left:5px;}*/
.width_site {
	width:100%;
	min-width:95%;
}
.eyes{ background-position-x:right; padding-right:175px;}
.bt_shop.right{margin-right:10px;}
.footer{font-size:0.8em;}
.footer h4{text-align:right; line-height:1.3em; margin-right:8px;position:absolute;right:0; display:block;width:310px;}
.light{height:10px;}
}


@media screen and (min-width: 400px) and (max-width: 640px) {
._topband{height:10px;}
.pave {
	width:31%;/*97%;width:600px;*/
	/*clear:both;*/
	height:150px;
	margin:2px;/*5px 5px;*/
	font-size:0.9em;
	border-bottom-right-radius: 2em;
}
h2.twhiteshadow{font-size:3.0em;text-align: center;}
.annonce.t2_5{ font-size:2em; line-height:1.5em;}
.annonce.t2{ font-size:1.5em; margin-bottom:1em;}
.titlepaves{font-size:1em;padding-left:5px;}
.pave.first{margin-left:5px;}
.width_site {
	width:100%;
	min-width:95%;
}
.eyes{ background-position-x:300px;}
.bt_shop.right{margin-right:10px;}
.footer{font-size:0.7em;}
.footer h4{text-align:right; line-height:1.3em; margin-right:8px;position:absolute;right:0; display:block;width:145px;}
.light{height:5px;}
}

@media screen and (min-width: 200px) and (max-width: 400px) {
.topband{height:0px;}
h2.twhiteshadow{font-size:2.8em;text-align: center;}
.annonce.t2_5{ font-size:2em; line-height:1.5em;}
.annonce.t2{ font-size:1.5em; margin-bottom:1em;}
.titlepaves{font-size:0.9em;padding-left:5px;}
.pave {
	width:94%;
	clear:both;
	margin:5px 5px;
}
.pave.first{margin-left:5px;}
.width_site {
	width:100%;
	min-width:95%;
}
iframe{width:355px;}
.footer{font-size:0.7em;}
.footer h4{text-align:right; line-height:1.3em; margin-right:8px;position:absolute;right:0; display:block;width:145px;}
.bt_shop.right{margin-right:10px;}
.eyes{ background-image:none; background-color: transparent;}
.sep15{height:5px;}
}