@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
html,body { overflow-x: hidden;}
body { margin:0; padding:0; max-width:100%; background:url(../images/back.jpg) no-repeat center top; overflow-x: hidden;  }
header { float:left; width:100%; height:297px; background:url(../images/head2.jpg) repeat-x top; position: relative;}
.head_noback { background: none !important; }
ul li { list-style: none;}
.head { margin:auto; width:1240px; height:226px; position:relative; }
.logo { position:absolute; left:0; top:0; width:150px; }
.reseau {position:absolute; right:0; top:6px; width:176px; height:20px; background: url(../images/reseau.png) no-repeat; }
.reseau a { float:left; width:20px; height:20px;margin-left: 7px;}
/*Style 1 */
.menu_intro { position:absolute; right:0; top:42px;  height:40px; } 
.menu_intro ul { float:left; margin:0; padding:0;  padding-left:10px; list-style:none; display:inline; position:relative; }
.menu_intro ul li { float:left;list-style:none; color:#fff; font-family:arial; font-size:14px; padding-right:10px; padding-left:10px;padding-top:10px; }
.menu_intro ul li a{ color:#fff; text-decoration:none; }
.menu_intro ul li a:hover{ text-decoration:underline; }
.menu_intro ul li:hover ul{	display:block !important; }
.menu_intro ul li ul {	position:absolute;	width:350px;display:none;padding: 0;margin: 0; padding-top:20px; margin-left: -10px;padding-bottom: 10px;
	height:auto;z-index:4;background:#229d94;text-transform:uppercase;}
.menu_intro ul li ul  li{float:left;width:100%;padding:0;padding-left:10px;margin-top:10px;text-align:left;color: #fff;font-size:14px;
	font-weight:normal;text-transform:none;}
.menu_intro ul li ul  li a{ color:#fff; text-decoration:none; }
.menu_intro ul li ul  li a:hover{ text-decoration:underline; }
.mobile { position: absolute; right: 20px; top: 50px; display: none;}
.txt_crochant { position:absolute; width:100%; top:100px; font-family: 'Open Sans', sans-serif; font-size:26px; color:#fff;text-shadow: 3px 3px 4px rgba(0, 0, 0, 1); text-align:center; text-transform:uppercase; }
.content { float:left; width:100%; height:auto; position: relative;z-index: 1; }
.contenu { margin:auto; width:1240px; height:auto; margin-top:-50px;}
.contenu2 { float:left; width: 100%; }
.right_page { float:right; width:29%; height: auto;  }
.centre_page { float:left; width:70%;}

.centre_page .site { float: left; width: 100%; background-color: #fff;  margin-top: 7px; padding-bottom: 8px;}
.centre_page .galerie{ float: left; width: 46%; height: auto; padding: 2%;  padding-bottom: 0px;}
.centre_page .galerie h2 {float: left; width: 100%; height: auto; margin: 0; padding: 0; margin-bottom: 10px; color:#111;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase;  }
.centre_page .galerie img { float: left; width: 31%; height: auto; margin: 1%; }
.centre_page .description { float: left; width: 46%; height: auto; padding: 2%; padding-bottom: 7px;  background-color: #fff;  }
.centre_page .description h2 {float: left; width: 100%; height: auto; margin: 0; padding: 0; margin-bottom: 10px; color:#229d94;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase;  }
.centre_page .description p { float: left; width: 100%; height: auto; margin: 0; padding: 0; margin-bottom: 10px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 12px; }
.titre_scircuit {float: left; width: 100%; height: auto; margin: 0; padding: 0; margin-bottom: 10px; color:#229d94;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase;  }
.dsp_scircuit { float: left; width: 100%; height: auto; margin: 0; padding: 0; margin-bottom: 10px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px;}
.info_circuit { float:left; width:23.5%; border:1px #111 solid; margin-top:10px; margin-right: 1%; }
.info_circuit .titre { color:#111;  height:39px; font-size:14px;font-weight:bold;font-family: 'Open Sans', sans-serif; text-align:center; }
.right_page .produit { float: left; width: 100%; height: auto; margin-bottom: 2%; }
.right_page .produit img { float: left; width: 100%; height: auto; }
.right_page .produit h2 {float: left; width: 96%; padding: 2%; height: auto; margin: 0; color:#fff;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; }
.h2tourisme2 {background:#138f49; border-top:2px #138f49 solid;}
.right_page .produit h2.h2tourisme {background:#138f49; border-top:2px #138f49 solid;}
.right_page .produit h2.h2formation {background:#229d94;  border-top:2px #229d94 solid;}
.right_page .etudiant { float: left; width: 93%; padding: 3%; padding-top: 1%; background-color: #de8614; height: auto; margin-bottom: 2%; }
.right_page .etudiant h2 {float: left; width: 100%;  height: auto; margin: 0; text-align: center; color:#fff;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase;  }
.right_page .etudiant img { float: left; width: 100%; height: auto; margin-top: 2%; }
.right_page .pubsite { float: left; width: 98%; height: auto; padding: 1%; background-color: #fff; border:1px #f03f60 solid;margin-bottom: 10px;}
.right_page .pubsite .pubsitecnt { float: left; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px;  background: #f03f60; }
.right_page .pubsite .pubsitecnt h2 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; font-family: 'Open Sans', sans-serif; }
.right_page .pubsite .pubsitecnt h2 i { font-style: normal; color: #dedede; font-size: 12px;  font-family: 'Open Sans', sans-serif; text-transform: none; text-transform: none; }
.right_page .dict { float: left; width: 98%; height: auto; padding: 1%; background-color: #fff; border:1px #229d94 solid; margin-bottom: 10px;}
.right_page .dict .dictcnt { float: left; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; background: #229d94; }
.right_page .dict .dictcnt h2 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; font-family: 'Open Sans', sans-serif; }
.right_page .dict .dictcnt h2 i { font-style: normal; color: #dedede; font-size: 12px;  font-family: 'Open Sans', sans-serif; text-transform: none; text-transform: none; }

.imglien {float:left; margin-top:1%; margin-bottom: 3%; width:100%;}
.copyright { float: left; width:100%; height:auto; margin-top: 1%; margin-bottom: 1%; padding-top:4px; padding-bottom:4px; position: relative; z-index: 2; background: transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);	zoom: 1; background:rgba(0,0,0,0.6); }
.copy { float:left; margin-right:40px; margin-left:20px; color:#fff; font-family: 'Open Sans', sans-serif; font-size:14px; }
.lien_bas { float:left; margin-left:20px; color:#fff; font-family: 'Open Sans', sans-serif; font-size:13px; text-decoration:none; }
.crochant {left:50%; margin-left:-510px; width:1020px; height:auto; padding-top:4px; position:absolute; top:642px;
color:#fff;  text-align:center;  font-size:12px; font-family: 'Open Sans', sans-serif;text-shadow: 2px 2px 2px #111;background: transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);	zoom: 1; background:rgba(0,0,0,0.6); padding-bottom:4px; }

.content_page { float: left; width: 100%; height: auto; padding-bottom: 30px; background-color: #fff; position: relative;}
.left_page2 { float: left; width:23%; padding-left: 1%; padding-right: 1%; margin-top: 33px; height: auto; background:#fff;}
.left_page2 .achat { float: left; width: 94%; height: auto; padding: 3%; padding-top: 4%; padding-bottom: 4%; margin-bottom: 10px; background-color: #333333;}
.left_page2 .achat h2{ float: left; margin: 0; padding: 0; font-size: 12px; font-weight: bold; text-align: left; text-transform: uppercase; color: #fff; font-family: 'Open Sans', sans-serif;}
.left_page2 .achat i { float: left; margin-top: 6px; font-style: normal; color: #fff; font-size: 13px;  font-family: 'Open Sans', sans-serif; text-transform: none;  }
.left_page2 .achat a { float: left; margin-top: 20px; width: 85%; padding-left: 5%;  height: 21px; padding-top: 5px; background:url(../images/select.png) no-repeat right #e63138;color: #fff; font-size: 11px;  font-family: 'Open Sans', sans-serif;text-transform: uppercase; text-decoration: none;}
.left_page2 .dict { float: left; width: 98%; height: auto; padding: 1%; background-color: #fff; border:1px #229d94 solid;}
.left_page2 .dict .dictcnt { float: left; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; background: #229d94; }
.left_page2 .dict .dictcnt h2 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; font-family: 'Open Sans', sans-serif; }
.left_page2 .dict .dictcnt h2 i { font-style: normal; color: #dedede; font-size: 12px;  font-family: 'Open Sans', sans-serif; text-transform: none; text-transform: none; }
.left_page2 .pubsite { float: left; width: 98%; height: auto; padding: 1%; background-color: #fff; border:1px #f03f60 solid;margin-top: 10px;}
.left_page2 .pubsite .pubsitecnt { float: left; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px;  background: #f03f60; }
.left_page2 .pubsite .pubsitecnt h2 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; color: #fff; font-family: 'Open Sans', sans-serif; }
.left_page2 .pubsite .pubsitecnt h2 i { font-style: normal; color: #dedede; font-size: 12px;  font-family: 'Open Sans', sans-serif; text-transform: none; text-transform: none; }
.left_page2 .excurs { float: left; width: 100%; height: auto; margin-top: 10px; position: relative;}
.left_page2 .excurs img { float: left; width: 100%; height: auto; position: relative; z-index: 1; }
.left_page2 .excurs h2 { color: #fff; font-size: 10px;  font-family: 'Open Sans', sans-serif; text-transform: uppercase; position: absolute; bottom: 2px; left: 10px; background-color: #229d94; padding-left: 10px; padding-right: 10px; padding-bottom: 6px; padding-top: 6px; z-index: 2;}
.left_page2 .excurs p{ margin: 0; padding: 0;  color: #fff; font-size: 10px; text-transform: uppercase;  font-family: 'Open Sans', sans-serif;  position: absolute; bottom: 14px; left: 10px; z-index: 2;}
.left_page2 .carto { float: left; width: 100%; height: auto; margin-top: 10px; position: relative;}
.left_page2 .carto img { float: left; width: 100%; height: auto; position: relative; z-index: 1; }
.left_page2 .carto h2 { color: #fff; font-size: 10px;  font-family: 'Open Sans', sans-serif; text-transform: uppercase; position: absolute; bottom: 4px; left: 10px; background-color: #de8614; padding-left: 10px; padding-right: 10px; padding-bottom: 6px; padding-top: 6px; z-index: 2;}
.left_page2 .carto p{ margin: 0; padding: 0; color: #fff; font-size: 10px; text-transform: uppercase;  font-family: 'Open Sans', sans-serif;  position: absolute; bottom: 14px; left: 10px; z-index: 2;}
.left_page2 .video { float: left; width: 100%; height: auto; margin-top: 10px; position: relative;}
.left_page2 .photo { float: left; width: 100%; height: auto; margin-top: 10px; position: relative;}
.left_page2 .photo img { float: left; width: 100%; height: auto; position: relative; z-index: 1; }
.left_page2 .photo h2 { color: #fff; font-size: 10px;  font-family: 'Open Sans', sans-serif; text-transform: uppercase; position: absolute; bottom: 4px; left: 10px; background-color: #229d94; padding-left: 10px; padding-right: 10px; padding-bottom: 6px; padding-top: 6px; z-index: 2;}
.left_page2 .photo p{ margin: 0; padding: 0; color: #fff; font-size: 10px; text-transform: uppercase;  font-family: 'Open Sans', sans-serif;  position: absolute; bottom: 14px; left: 10px; z-index: 2;}
.left_page2 .pub { float: left; width: 100%; height: auto; margin-top:20px;background-color: #fff; }
.left_page2 .pub h2 { float: left; margin: 0; padding: 0; padding-left: 14px; border-left:6px #229d94 solid; color: #000; font-size: 13px;  font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
.left_page2 .pub h2 i{ color: #229d94; list-style: none; }
.left_page2 .pub img { float: left; width: 100%; height: auto; margin-top: 10px; position: relative; z-index: 1; }
.left_page2 .coperative { float: left; width: 100%; margin-top: 20px;}

.centre_page2 {float: left; margin-left: 25%; width: 50%;margin-top: 33px; height: auto; min-height: 1312px; background-color: #fff;overflow: hidden;}
.centre_page4 {float: right;  width: 74%;margin-top: 33px;  height: auto; min-height: 1312px; background-color: #fff;overflow: hidden;}
.fill_rech {position: absolute; left: 0px; top: 0; height: auto; padding-left: 1%; padding-right: 1%; padding-bottom: 1%; }
.fill_rech .fill_nav { float: left; height: auto; margin-top: 10px;color: #111; font-size: 13px; font-family: 'Open Sans', sans-serif; }
.fill_rech .fill_nav .lien{ color: #111; text-decoration: none; } 
.fill_rech .fill_nav .lien:hover{ color: #229d94; font-weight: bold; }
.right_page2 .recherche { float:right; width: 99%; height: 30px; margin-bottom: 6px; border: 1px #efefef solid; background:url(../images/recherche.png) no-repeat left #efefef; border: 1px #dedede solid; background-position: 9px 7px; outline: none; text-indent: 40px; } 
.left_page2 .recherche { float:right; width: 99%; height: 30px; margin-bottom: 6px; border: 1px #efefef solid; background:url(../images/recherche.png) no-repeat left #efefef; border: 1px #dedede solid; background-position: 9px 7px; outline: none; text-indent: 40px; } 
.right_page2 .lienrech { float: left;margin-bottom: 10px;  color: #e02222; font-weight: bold; font-family: 'Open Sans', sans-serif;text-decoration: none;font-size: 13px; }
.left_page2 .lienrech { float: left;margin-bottom: 10px;  color: #e02222; font-weight: bold; font-family: 'Open Sans', sans-serif;text-decoration: none;font-size: 13px; }
.right_page2 .lienrech:hover { text-decoration: underline; } 
.left_page2 .lienrech:hover { text-decoration: underline; } 
.titre_rech {float: left;width: 92%;height: auto;margin: 0;padding: 4%;margin-bottom: 10px;background: #229d94;
color: #fff;font-weight: bold;font-family: 'Open Sans', sans-serif;font-size: 12px;text-transform: uppercase;}
.btn_rech { position: relative;float: right;z-index: 2;margin-top: -38px;margin-right: 2px;width: 31px;height: 30px;
border: none;color: #fff;font-weight: bold;font-size: 12px;background: #229d94;}
.titre_rech2 {float: left;width: 92%;height: auto;margin: 0;padding: 4%;margin-bottom: 10px;background: #f03f60;
color: #fff;font-weight: bold;font-family: 'Open Sans', sans-serif;font-size: 12px;text-transform: uppercase;}
.btn_rech2 { position: relative;float: right;z-index: 2;margin-top: -38px;margin-right: 2px;width: 31px;height: 30px;
border: none;color: #fff;font-weight: bold;font-size: 12px;background: #f03f60;}
.centre_page2 .banner {  width: 100%; height: auto; margin-bottom: 10px; margin-top: 0px }
.centre_page2 .photohome { float: left; width: 100%; height: auto; }
.centre_page2 .phototq { float: left; width: 48%; margin-right: 2%; margin-top: 10px; height: auto; }
.centre_page2 h1,.centre_page4 h1 {float: left; margin: 0; margin-top: 10px; margin-bottom: 10px;  height: auto;  color:#229d94;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: uppercase;  }
.centre_page2 h2,.centre_page2 h4 {float: left; width: 100%;margin: 0; margin-top: 10px; margin-bottom: 10px;  height: auto;  color:#229d94;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase;  }
.centre_page2 h2 a,.centre_page2 h4 a {  text-decoration:none;color:#229d94;}
.centre_page2 h2 a:hover,.centre_page4 h2 a:hover{ text-decoration: underline; }
.centre_page2 .lienexcurs {float: left;width: 100%;margin: 0;margin-top: 10px;margin-bottom: 10px;height: auto;padding-top: 6px;padding-bottom: 6px;color: #e02222;font-weight: bold;font-family: 'Open Sans', sans-serif;font-size: 14px;text-align: center;
border: 1px #dedede solid;text-decoration: none;text-transform: uppercase;}
.centre_page2 .lienexcurs:hover { text-decoration: underline;}
.centre_page2 p,.centre_page4 p { float: left; width: 100%; height: auto; margin: 0; padding: 0; margin-top: 10px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; }
.centre_page2 hr,.centre_page4 hr { float: left;width: 100%;height: 1px;padding: 0;color: #ececec;background-color: #ececec;border: 0; margin-bottom: 10px; margin-top: 20px;}
.centre_page2 .dsp,.centre_page4 .dsp { float: left; width: 100%; height: auto; margin: 0; padding: 0;margin-top: 20px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; }
.centre_page2 ul,.centre_page4 ul { float: left; width: 100%; margin: 0; padding: 0;}
.centre_page2 ul li,.centre_page4 ul li { float: left; width: 100%; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 24px; list-style: inside;}
.centre_page2 ul li a,.centre_page4 ul li a{ color:#111; }
.centre_page2 ul li ul,.centre_page4 ul li ul { float: left; margin-left: 20px;}
.centre_page2 .circuit { float: left; width: 100%; height: auto; margin: 0; padding: 0;margin-top: 0px; color:#111; text-align: justify; line-height: 20px; font-family: 'Open Sans', sans-serif; font-size: 13px; }
.centre_page2 .milieu { float: left; width: 100%; height: auto; color: #990000; font-size: 14px;  font-family: 'Open Sans', sans-serif; text-decoration: underline; font-weight: bold; margin-top: 10px;}
.centre_page2 .situation { float: left; width: 100%; margin-top: 10px; background: url(../images/icones/micon1.png) no-repeat left; padding-left: 150px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold;}
.centre_page2 .sitetours { float: left; height: 26px; margin-top: 10px; background: url(../images/icones/micon3.png) no-repeat left top; padding-left: 50px; padding-top: 6px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold;}
.centre_page2 .sitegeologie { float: left; height: 26px; margin-top: 10px; background: url(../images/icones/mcoin2.png) no-repeat left top; padding-left: 50px; padding-top: 6px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold;}
.centre_page2 .siteprehis { float: left; height: 32px; margin-top: 10px; background: url(../images/icones/micon5.png) no-repeat left top; padding-left: 50px; padding-top: 6px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold;}
.centre_page2 .titre_circuit { float: left; padding-left: 10px; margin-top: 20px; border-left: 8px #229d94 solid; color: #2d2c2c;font-weight: bold;font-family: 'Open Sans', sans-serif;
text-decoration: none;font-size: 14px;}
.centre_page2 .dsp_circuit { float: left;  height: auto; margin: 0; padding: 0;  color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; }
.centre_page2 .lien_circuit { float: left; width: 100%; margin-top: 10px; text-align: left; color: #229d94; font-family: 'Open Sans', sans-serif; text-decoration: none;font-size: 13px; font-weight: bold;}
.centre_page2 .nbcircuit { float: left; width: 100%; height: auto; margin: 0; padding: 0; margin-top: 10px; color:#ea3c37; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; }
.centre_page2 .tags { float: left; width: 100%; height: auto;}
.centre_page2 .tags a{ float: left; margin-right: 10px; margin-top: 10px; padding: 10px; border:1px #229d94 solid; color: #229d94; font-size: 13px; font-family: 'Open Sans', sans-serif; text-decoration: none;  }
.centre_page2 .savoirplus { float: left; width: 100%; height: auto; margin-top: 40px;}
.centre_page2 .savoirplus .titre { float: left; margin: 0; padding: 0;  color: #111; font-weight: bold;font-family: 'Open Sans', sans-serif;padding-left: 14px;border-left: 6px #229d94 solid;}
.centre_page2 .savoirplus .titre strong { color: #229d94;}
.centre_page2 .savoirplus  a{  float: left; width: 100%; margin-left: 16px; height: auto; margin-top: 10px;color: #111; font-size: 13px; font-family: 'Open Sans', sans-serif; text-decoration: none; }
.centre_page2 .savoirplus  a strong {color: #229d94; font-weight: normal; } 
.centre_page2 .savoirplus  a:hover{color: #229d94 }
.centre_page2 .titre_edition { float: left; margin: 0; padding: 0;margin-top: 20px; margin-bottom: 10px;margin-top: 20px;  color: #111; font-weight: bold;font-family: 'Open Sans', sans-serif;padding-left: 14px;border-left: 6px #229d94 solid;}
.centre_page2 .publication img { float: left; width: 32%; margin-top: 10px; margin-right: 1%; }
.centre_page2 .titrerech {float: left; width: 100%;margin: 0; margin-top: 10px; margin-bottom: 10px;  height: auto;  color:#229d94;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase;  }
.centre_page2 .labrech1 { float: left; width: 100%; height: auto; margin: 0; padding: 0; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; }
.centre_page2 .labrech2 { float: left; width: 30%; height: auto; margin: 0; padding: 0; margin-top: 20px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; }
.centre_page2 .txtrech { float:right; width: 66%; height: 26px; margin-top: 10px;  border: 1px #efefef solid; border: 1px #dedede solid; outline: none; text-indent: 10px; } 
.centre_page2 .btn { float: right; width: 50%; height: 32px;margin-top: 10px; background: #229d94; color: #fff;font-size: 13px;  font-family: 'Open Sans', sans-serif; text-transform: uppercase; border: none;}
.last { border: none !important; padding-bottom: 0px !important; margin-bottom: 0px !important; }
.centre_page2 img { max-width: 100%;}
.centre_page2 .pub { float: left;width: 95%;height: 120px;margin-top: 16px;background: #f6f6f6;padding: 2%;border: 1px #eeeded solid; }
.centre_page4 .pub { float: left;width: 95%;height: auto;margin-bottom: 16px;background: #f6f6f6;padding: 2%;border: 1px #eeeded solid; }
.centre_page2 .pub:hover{ border:1px #229d94 solid; cursor: pointer; }
.centre_page4 .pub:hover{ border:1px #f03f60 solid; cursor: pointer; }
.centre_page2 .pub img,.centre_page4 .pub img { float: left; width: 35%; height: auto; }
.centre_page2 .pub .dsppub,.centre_page4 .pub .dsppub { float: left; width: 63%; margin-left: 2%; }
.centre_page2 .pub .dsppub h2{float: left; width: 100%;margin: 0;  height: 16px; overflow: hidden;  color:#229d94;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase;  }
.centre_page4 .pub .dsppub h2 {float: left; width: 100%;margin: 0;  height: 16px; overflow: hidden;  color:#f03f60;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase;  }
.centre_page2 .pub .dsppub p{ float: left; width: 100%; height: 82px; overflow: hidden; margin: 0; padding: 0; margin-top: 10px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 18px; }
.centre_page4 .pub .dsppub p { float: left; width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0; margin-top: 10px; color:#111; text-align: justify;  font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 18px; }
.centre_page2 .pub .dsppub a{float: left; width: 100%;margin: 0; height: auto;  color:#229d94; text-align: right; text-decoration: none;  font-family: 'Open Sans', sans-serif; font-size: 13px;  }
.centre_page4 .pub .dsppub a {float: left; width: 100%;margin: 0; height: auto;  color:#f03f60; text-align: right; text-decoration: none;  font-family: 'Open Sans', sans-serif; font-size: 13px;  }
.centre_page2 .lienfr { position: absolute;  right: 6px;  top: 4px;}
.centre_page2 .lienen { position: absolute;  right: 34px;  top: 3px; }
.centre_page2 .lienesp {   position: absolute;  right: 65px;  top: 4px;}
.centre_page2 .btnrech { float: right; width: 25%; height: 30px; position: relative; background: #229d94;color: #fff;font-size: 13px;
font-family: 'Open Sans', sans-serif;text-transform: uppercase;border: none;}
.centre_page2 .labrech { float: left;margin-bottom: 10px;color: #e02222;font-weight: bold;font-family: 'Open Sans', sans-serif;
text-decoration: none;font-size: 14px; }
.centre_page2 .img_pub {max-width: 100%;width: 30%;padding: 1%;border: 1px #ccc solid;}

.centre_page3 { float: left; width: 75%; height: auto; min-height: 1000px; background-color: #fff;}
.centre_page3 .titre{ float: left; width: 98%; height: auto; padding: 1%; background:#f6f6f6; border-bottom: 3px #229d94 solid; }
.centre_page3 .titre h2 { float: left; width: 100%; height: auto; margin: 0; padding: 0; color: #229d94; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: uppercase;}
.centre_page3 .titre p { float: left; width: 100%; height: auto; margin: 0; padding: 0; margin-top: 10px; text-transform: uppercase; color: #111; font-size: 12px; font-family: 'Open Sans', sans-serif; }
#result_content2 .produit{ float: left; width:46%; height: auto; padding: 1%; margin-left: 1%; background:#fdfdfd; border:1px #e6e4e4 solid; margin-top: 10px;}
.centre_page3 .produit,.centre_page2 .produit { float: left; width:46%; height: auto; padding: 1%; margin-left: 1%; background:#fdfdfd; border:1px #e6e4e4 solid; margin-top: 10px;}
.centre_page3 .produit .img,.centre_page2 .produit .img { float: left; width: 30%; margin-right: 1%; }
.centre_page3 .produit h2,.centre_page2 .produit h2 { float: left; width: 66%; margin: 0; padding: 0; margin-left: 2%; color: #229d94;font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase; }
.centre_page3 .produit p,.centre_page2 .produit p { float: left; width: 66%; margin: 0; padding: 0; margin-left: 2%; margin-top: 10px; color: #525252;font-family: 'Open Sans', sans-serif; font-size: 11px; text-align: justify; }
.centre_page3 .produit .panier,.centre_page2 .produit .panier { float: left; margin-top: 10px; background:url(../images/panier.png) no-repeat left; padding-left: 30px; text-decoration: none; color: #525252;font-family: 'Open Sans', sans-serif; font-size: 11px; text-align: justify; }
.centre_page3 .produit .prix,.centre_page2 .produit .prix { float: right; margin-top: 10px; color: #e33419;font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase; }
.centre_page3 .titre2 { float: left; width: 98%; height: auto; padding: 3px; margin-left: 1%; margin-top: 20px; border-top:1px #e6e4e4 solid; border-bottom:1px #e6e4e4 solid;color: #515151; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: uppercase; }
.centre_page3 .titre2 strong { border-bottom: 3px #229d94 solid;}
.centre_page3 .produit2 { float: left; width:15%; height: auto; padding: 1%; margin-left: 1%; background:#fdfdfd; border:1px #e6e4e4 solid; margin-top: 10px;}
.centre_page2 .produit2 { float: left; width:30%; height: auto; padding: 1%; margin-right: 1%; background:#fdfdfd; border:1px #e6e4e4 solid; margin-top: 10px;}
.centre_page3 .produit2 .img,.centre_page2 .produit2 .img { float: left; width: 100%;  }
.centre_page3 .produit2 h2.centre_page2 .produit2 h2{ float: left; width: 100%; margin: 0; padding: 0; margin-top: 6px; color: #111;font-weight: normal; font-family: 'Open Sans', sans-serif; font-size: 11px; }
.centre_page2 .produit2 h3 { float: left; width: 100%; height: 30px; margin: 0; padding: 0; margin-top: 6px; color: #111;font-weight: normal; font-family: 'Open Sans', sans-serif; font-size: 11px; }
.centre_page3 .produit2 .panier,.centre_page2 .produit2 .panier { float: left; margin-top: 10px; background:url(../images/panier.png) no-repeat left; padding-left: 30px; text-decoration: none; color: #525252;font-family: 'Open Sans', sans-serif; font-size: 11px; text-align: justify; }
.centre_page3 .produit2 .prix,.centre_page2 .produit2 .prix { float: right; margin-top: 10px; color: #e33419;font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase; }
.centre_page3 .panier2 { float: left; width: 99%; height: auto; margin-left: 1%; margin-top: 20px; }
.centre_page3 .panier2 .img { float: left; width: 25%; height: auto; }
.centre_page3 .panier2 .dsppan { float: left; width: 73%; height: auto; margin-left: 2%;}
.centre_page3 .panier2 .dsppan .infos { float: left; width: 50%; height: auto; }
.centre_page3 .panier2 .dsppan .infos h2 { float: left; margin: 0; padding: 0;  color: #229d94;font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase; }
.centre_page3 .panier2 .dsppan .infos i{ float: left; width: 100%; color: #525252;font-family: 'Open Sans', sans-serif; font-size: 11px; text-align: justify; }
.centre_page3 .panier2 .dsppan .infos p { float: left; width: 100%; height: auto; margin-top: 30px; color: #525252;font-family: 'Open Sans', sans-serif; font-size: 13px; text-align: justify; line-height: 20px;}
.centre_page3 .panier2 .dsppan .infos .aime { float: left; width: 100%; height: auto; margin: 0; padding: 0; }
.centre_page3 .panier2 .dsppan .formpan { float: right; width: 40%; height: auto; padding: 2%; border:1px #229d94 solid;}
.centre_page3 .panier2 .dsppan .formpan .t1{ float: left; width: 100%; color: #229d94;font-family: 'Open Sans', sans-serif; font-size: 14px; text-align: justify; font-weight: bold; text-transform: uppercase; }
.centre_page3 .panier2 .dsppan .formpan .t2{ float: left; width: 100%; color: #229d94;font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px }
.centre_page3 .panier2 .dsppan .formpan .t3{ float: left; width: 100%; color: #525252;font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px }
.centre_page3 .panier2 .dsppan .formpan .t4{float: left; margin-top: 12px; color: #525252;font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px }
.centre_page3 .panier2 .dsppan .formpan .input { float: left; width: 40px; height: 20px; margin-top: 10px; margin-left: 10px; border: 1px #cbcbcb solid; text-align: center;}
.centre_page3 .panier2 .dsppan .formpan .btn { float: left; height: 24px;  border: none; background-color: #229d94; padding-left: 10px; padding-right: 10px; margin-top: 10px; margin-left: 10px; color: #fff;font-family: 'Open Sans', sans-serif; font-size: 12px; text-align: center;cursor: pointer;}
.centre_page3 .panier2 .dsppan .dsp { float: left; width: 100%; height: auto; margin-top: 16px; color: #525252;font-family: 'Open Sans', sans-serif; font-size: 13px; text-align: justify; line-height: 20px;}
.popup_panier { position: fixed;top: 0;bottom: 0;left: 0;right: 0; z-index:2; background:rgba(0,0,0,0.5); display: none; }
.content_pan { position:fixed; z-index:2; width:35%; left:32%; top:50%; padding: 1%; margin-top: -100px; height:auto; background:#fff; -webkit-box-shadow: -5px -1px 56px 0px rgba(46,46,46,1);
-moz-box-shadow: -5px -1px 56px 0px rgba(46,46,46,1);box-shadow: -5px -1px 56px 0px rgba(46,46,46,1); }
.content_pan .img { float: left; width: 30%; }
.content_pan .dsp { float: left; width: 65%; margin-left: 20px;}
.content_pan .dsp h2{ float: left; width: 100%; margin: 0; padding: 0;  color: #229d94;font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase; }
.content_pan .dsp i{ float: left; width: 100%;  margin-top: 4px;  color: #525252;font-family: 'Open Sans', sans-serif; font-size: 11px; text-align: justify; }
.content_pan .dsp .msg { float: left; width: 100%;margin-top: 30px;  color: #df2a00;font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; text-align: justify; }
.content_pan .dsp .btn { float: left; width: 60%; height: auto; margin-top: 20px; }
.content_pan .dsp .btn .b1{ float: left; width: 100%; height:26px; padding-top: 6px; background:#229d94; text-align: center; color: #fff;font-family: 'Open Sans', sans-serif; font-size: 13px; text-decoration: none;}
.content_pan .dsp .btn .b2{ float: left; width: 100%; height:26px; padding-top: 6px; margin-top: 10px; background:#202020; text-align: center; color: #fff;font-family: 'Open Sans', sans-serif; font-size: 13px; text-decoration: none;}
.closepan { position: absolute; right: 10px; top: 0px;color: #229d94; text-decoration: none; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 23px; }
.tablepan { float: left; width: 98%; height: auto; padding-bottom: 10px; margin-left: 1%; margin-top: 20px; border: 1px #d8d8d8 solid;}
.tablepan .ligne1 { float: left; width: 100%; padding-top: 1%; height: 32px; background-color: #efefef; border-bottom: 1px #d8d8d8 solid; }
.tablepan .ligne1 .td1 { float: left; width: 10%; height: auto; text-align: left; color: #111; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: bold; }
.tablepan .ligne1 .td2 { float: left; width: 40%; height: auto; text-align: left; color: #111; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: bold; }
.tablepan .ligne1 .td3 { float: left; width: 20%; height: auto; text-align: left; color: #111; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: bold; }
.tablepan .ligne2 { float: left; width: 100%; height: auto;}
.tablepan .ligne2 .td1 { float: left; width: 10%; height: auto;  color: #111; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: bold; }
.tablepan .ligne2 .td1 .suprimer { float: left; text-indent: 20px; margin-top: 50px;color: #229d94; font-size: 16px;  text-decoration: none; }
.tablepan .ligne2 .td2 { float: left; width: 40%; height: auto; padding-top: 1%; text-align: left; color: #111; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: bold; }
.tablepan .ligne2 .td2 .img { float: left; width: 25%; margin-right: 2%; }
.tablepan .ligne2 .td2 h2 { float: left; width: 70%; margin: 0; padding: 0;  color: #229d94;font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase; }
.tablepan .ligne2 .td2 i{ float: left; width: 70%;  margin-top: 4px;  color: #525252;font-family: 'Open Sans', sans-serif; font-size: 11px; text-align: justify; }
.tablepan .ligne2 .td2 p{ float: left; width: 70%;  margin-top: 4px;  color: #111; line-height: 18px; font-weight: normal; font-family: 'Open Sans', sans-serif; font-size: 11px; text-align: justify; }
.tablepan .ligne2 .td3 { float: left; width: 20%; height: auto; color: #111; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: bold; }
.tablepan .ligne2 .td3 .prix { float: left; margin-top: 50px;color: #111; font-size: 15px;  text-decoration: none; }
.tablepan .ligne2 .td3 .qt { float: left; width: 30%; height: 20px; margin-left: 18%; text-align: center; outline: none; text-align: center; margin-top: 40px; border: 1px #ccc solid}
.tablepan .ligne2 .td3 .mod { float: left; width: 71%; margin-top: 10px; padding-top: 4px; height: 20px; text-decoration: none; text-align: center; background-color: #333333;color: #fff; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: normal;}
.tablepan .ligne2 .td1 .total { float: left;  margin-top: 50px;color: #229d94; font-size: 16px;  text-decoration: none; }
.lignetotal { float: left; width: 100%; width: 97%;margin-left: 1%;padding-top: 6px;padding-bottom: 6px;padding-right: 1%; height: 20px; margin-top: 2px; background-color: #efefef; border-bottom: 1px #d8d8d8 solid; }
.lignetotal .montant { float: right; color: #229d94; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: uppercase; }
.lignetotal .montant strong  { color: #111; }
.filepdf { float: left; width: 100%; margin-top: 20px; padding-left: 30px; background:url(../images/filepdf.png) no-repeat left; color: #060606; font-family: 'Open Sans', sans-serif; font-size: 14px;}
.fileword { float: left; width: 100%; margin-top: 20px; padding-left: 30px; background:url(../images/fileword.png) no-repeat left; color: #060606;  font-family: 'Open Sans', sans-serif; font-size: 14px;}
.filevideo { float: left; width: 100%; margin-top: 20px; padding-left: 30px;padding-top: 3px;padding-bottom: 3px; background:url(../images/fileyoutube.png) no-repeat left; color: #060606; font-family: 'Open Sans', sans-serif; font-size: 14px;}
.fileimg { float: left; width: 100%; margin-top: 20px; padding-left: 30px; background:url(../images/fileimg.png) no-repeat left; color: #060606; font-family: 'Open Sans', sans-serif; font-size: 14px;}
.fileprint { float: left; width: 100%; margin-top: 20px; padding-left: 30px; background:url(../images/fileprint.png) no-repeat left; color: #060606; font-family: 'Open Sans', sans-serif; font-size: 14px;}
.img_logo_article { position: relative; left: 50%; margin-left: -61px; margin-bottom: 20px}
.smooth_zoom_preloader {
		background-image: url(zoom_assets/preloader.gif);
	}	
	.smooth_zoom_icons {
		background-image: url(zoom_assets/icons.png);
	}
	#zoom_container .landmarks{
		position:absolute;
		z-index:10;	
		top:0px;
		left:0px;
		font-family: Helvetica, Arial, Verdana;
		font-size:12px;
		color: #ffffff;
	}	
	#zoom_container .landmarks .item {
		position:absolute;		
		text-align:center;		
		display: none;	
	}	
	#zoom_container .landmarks .lable div {
		width: 100px;
		padding: 4px;		
	}	
	#zoom_container .landmarks .mark .text{
		background-color:#000000;
		padding:2px 6px;
	}
	#zoom_container .landmarks .mark .text a{ color: #fff; text-decoration: none; }
	#zoom_container .landmarks .mark .text a:hover{ text-decoration: underline; }
.right_page2 {position: absolute; left: 0; width:23%; margin-top: 33px; padding-left: 1%; padding-right: 1%; height: auto;  overflow: hidden;}
.right_page2 .rubrique { float:left; width:100%; height: auto; padding-bottom: 10px; margin-top: 8px; background-color: #efefef;
border: 1px solid #e0e0e0; border-radius: 3px; }
.left_page2 .rubrique { float:left; width:100%; height: auto; padding-bottom: 10px; margin-top: 8px; background-color: #efefef;
border: 1px solid #e0e0e0; border-radius: 3px; }
.right_page2 .rubrique h2{ float: left; width: 92%; height: auto; margin:0; padding: 4%; margin-bottom: 10px;  background:#229d94; color:#fff;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase;}
.left_page2 .rubrique h2{ float: left; width: 92%; height: auto; margin:0; padding: 4%; margin-bottom: 10px;  background:#f03f60; color:#fff;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase;}
.right_page2 .rubrique a { float: left; width: 92%; padding-bottom: 8px; margin-bottom: 10px; margin-left: 4%; margin-right: 4%; border-bottom: 1px solid #e4e4e4;color:#000; text-decoration: none;  font-weight: normal; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase;  }
.left_page2 .rubrique a { float: left; width: 92%; padding-bottom: 8px; margin-bottom: 10px; margin-left: 4%; margin-right: 4%; border-bottom: 1px solid #e4e4e4;color:#000; text-decoration: none;  font-weight: normal; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase;  }
.right_page2 .rubrique a:hover { color: #229d94; text-decoration: underline; }
.left_page2 .rubrique a:hover { color: #f03f60; text-decoration: underline; }
.right_page2 .banner { float: left; width: 100%; margin-top: 20px;}
.right_page2 .produit,.left_page2 .produit { float: left; width: 100%; height: auto; margin-bottom: 3%; margin-top: 2%; }
.right_page2 .produit img,.left_page2 .produit img { float: left; width: 100%; height: auto; }
.right_page2 .produit h2,.left_page2 .produit h2 {float: left; width: 96%; padding: 2%; height: auto; margin: 0; color:#fff;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase;  }
.right_page2 .produit h2.h2tourisme,.left_page2 .produit h2.h2tourisme {background:#229d94; border-top:2px #229d94 solid;}
.right_page2 .produit h2.h2formation,.left_page2 .produit h2.h2formation {background:#229d94;  border-top:2px #229d94 solid;}
.right_page2 .produit h2.h2tourisme,.left_page2 .produit h2.h2tourisme {background:#229d94;  border-top:2px #229d94 solid;}
.right_page2 .etudiant,.left_page2 .etudiant { float: left; width: 92%; padding: 4%; background-color: #de8614; height: auto; margin-bottom: 3%; }
.right_page2 .etudiant h2,.left_page2 .etudiant h2 {float: left; width: 100%;  height: auto; margin: 0; text-align: center; color:#fff;  font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase;  }
.right_page2 .etudiant img,.left_page2 .etudiant img { float: left; width: 100%; height: auto; margin-top: 4%; }
.right_page .ecomerce { float: left; width: 100%;  background:#fff; height: auto; margin-top: 3%; position: relative; }
.right_page .ecomerce img { float: left; width: 100%; }
.right_page .ecomerce h2 { position: absolute; margin: 0; padding: 0; left: 20px; top: 10px; color: #111; font-size: 13px; text-transform: uppercase;  font-family: 'Open Sans', sans-serif;}
.right_page .ecomerce h2 i{ text-transform: none; font-style: 12px; font-style: normal; }
.right_page2 .reseau2,.left_page2 .reseau2 { float: left; width: 100%; margin-top: 20px;}
.right_page2 .reseau2 .face,.left_page2 .reseau2 .face { float: left; width: 46px; height: 44px; background:url(../images/reseau2.jpg); background-position: 0px 0px; }
.right_page2 .reseau2 .twitter,.left_page2 .reseau2 .twitter { float: left; width: 42px; height: 44px; background:url(../images/reseau2.jpg); background-position: -46px 0px; }
.right_page2 .reseau2 .google,.left_page2 .reseau2 .google { float: left; width: 42px; height: 44px; background:url(../images/reseau2.jpg); background-position: -88px 0px; }
.right_page2 .reseau2 .rss,.left_page2 .reseau2 .rss { float: left; width: 42px; height: 44px; background:url(../images/reseau2.jpg); background-position: -130px 0px; }
.right_page2 .reseau2 .tube,.left_page2 .reseau2 .tube { float: left; width: 44px; height: 44px; background:url(../images/reseau2.jpg); background-position: -172px 0px; }
.right_page2 .reseau2 .mail,.left_page2 .reseau2 .mail { float: left; width: 44px; height: 44px; background:url(../images/reseau2.jpg); background-position: -216px 0px; }
.right_page2 .newsletter,.left_page2 .newsletter { float: left; width: 100%; margin-top: 20px;}
.right_page2 .newsletter h2{ float: left; margin: 0; padding: 0; color: #229d94; font-size: 13px;  font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
.left_page2 .newsletter h2 { float: left; margin: 0; padding: 0; color: #f03f60; font-size: 13px;  font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
.right_page2 .newsletter .input,.left_page2 .newsletter .input { float: left; width: 70%; height: 30px; margin-top: 10px; background: #efefef; border: 1px #d9d9d9 solid}
.right_page2 .newsletter .btn{ float: right; width: 23%; height: 32px;margin-top: 10px; background: #229d94; color: #fff;font-size: 13px;  font-family: 'Open Sans', sans-serif; text-transform: uppercase; border: none;}
.left_page2 .newsletter .btn { float: right; width: 23%; height: 32px;margin-top: 10px; background: #f03f60; color: #fff;font-size: 13px;  font-family: 'Open Sans', sans-serif; text-transform: uppercase; border: none;}
.right_page2 .blog { float: left; width: 98%; height: auto; padding: 1%;margin-top: 10px;  background-color: #fff; border:1px #229d94 solid;}
.left_page2 .blog { float: left; width: 98%; height: auto; padding: 1%;margin-top: 10px;  background-color: #fff; border:1px #f03f60 solid;}
.right_page2 .blog .blogcnt{ float: left; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; background: #229d94; }
.left_page2 .blog .blogcnt { float: left; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; background: #f03f60; }
.right_page2 .blog .blogcnt h2,.left_page2 .blog .blogcnt h2 { margin: 0; padding: 0; padding-left: 20px; font-size: 14px; font-weight: bold;  text-transform: uppercase; color: #fff; font-family: 'Open Sans', sans-serif; }
.divrechtype {float:left; width:100%; margin-bottom:10px; }
.rechtype {float:left; padding:5px 20px 5px 10px; margin-right:6px; margin-top:10px; background:#229d94; color:#FFF; font-family:'Open Sans',sans-serif; font-size:12px; text-transform:uppercase; text-decoration:none; font-weight:bold; border:1px #229d94 solid;}
.rechtype:hover { background:#fff; color:#229d94; border:1px #229d94 solid; }
.footer2 { float:left; width:100%; height:auto; margin-top: 20px; background:#020202; padding-top:10px; padding-bottom: 10px; position: relative; z-index: 2 }
.footer2 .menu_bas { margin:auto; width:1240px; height:auto; }
.footer2 .menu_bas .mhaut { float:left; width:100%; height:auto; margin-top:10px; }
.footer2 .menu_bas .mhaut .mleft {  float:left; }
.footer2 .menu_bas .mhaut .mleft a{ float:left; margin-right: 20px; font-family: 'Open Sans', sans-serif; font-size:12px; text-transform:uppercase; color:#fff; text-decoration: none; } 
.footer2 .menu_bas .mhaut .mleft a:hover{ text-decoration: underline; }
.footer2 .menu_bas .mbas2 p { float:left; width:100%; height:24px; margin:0; padding:0; margin-top:10px; font-family: 'Open Sans', sans-serif; font-size:13px; color:#cfcfcf; line-height:20px; } 
.footer2 .menu_bas .mbas2 p a{ color:#cfcfcf; text-decoration:none; }
.footer3 { float:left; width:100%; height:auto;background:#0f0f0f; padding-top:10px; padding-bottom:10px; margin-top: 20px; position: relative; z-index: 2 }
.footer3 .menu_bas2 { margin:auto; width:1240px; height:auto; }
.footer3 .menu_bas2 .m1 { float: left; width: 270px; margin-right: 30px; }
.footer3 .menu_bas2 .m2 { float: left; width: 170px; margin-right: 30px; }
.footer3 .menu_bas2 .m1 .titre,.footer3 .menu_bas2 .m2 .titre{ color: #fff; font-family: 'Open Sans', sans-serif; font-size:13px; text-decoration: none; text-transform: uppercase; }
.footer3 .menu_bas2 .m1 .lien,.footer3 .menu_bas2 .m2 .lien { float: left; width: 100%; margin-top: 6px; color: #f2f2f2; font-family: 'Open Sans', sans-serif; font-size:13px; text-decoration: none; }
.footer4 { float:left; width:100%; height:auto;background:#020202; padding-top:10px;position: relative; z-index: 2 }
.footer4 .menu_bas3 { margin:auto; width:1240px; height:auto; }
.footer4 .menu_bas3 .copyr { float: left; color: #fff; font-family: 'Open Sans', sans-serif; font-size:13px;}
.footer4 .menu_bas3 .copyr a{ color: #fff; text-decoration: none; }
.footer4 .menu_bas3 .adminrss { float: right; color: #fff; font-family: 'Open Sans', sans-serif; font-size:13px; text-align: right;}
.footer4 .menu_bas3 .adminrss a{ color: #fff; text-decoration: none; }

.copyright2 { margin:auto; width:100%; height:30px; background:#2a2a2a; padding-top:8px; }
.copyright2 .contenu { margin:auto; width:1240px; height:30px; color:#fff; font-size:13px;font-family: 'Open Sans', sans-serif; position:relative; } 
.copyright2 .contenu .mention { position:absolute; left:0; }
.copyright2 .contenu .info { position:absolute; width:100%; text-align:center; }
.copyright2 .contenu .admin { position:absolute; right:0; }

.mapwrapper {
  float: left;
  width: 600px;
}

#viewport, #viewport2 {
    width: 600px;
    height: 358px;
    cursor: move;
    overflow: hidden;
}

.mapwrapper {
    position: relative;
}

.map-control {
    position: absolute;
    top: 50px;
    right: 10px;
    background: url(../images/map-control.png) no-repeat;
    height: 63px;
    width: 100px;
}

.map-control a {
    height: 18px;
    width: 18px;
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
}

.map-control a:hover {
    background: #535353;
    opacity: .4;
    filter: alpha(opacity=40);
}

.map-control a.left {
    left: 39px;
    top: 22px;
}

.map-control a.right {
    left: 79px;
    top: 22px;
}

.map-control a.up {
    left: 59px;
    top: 2px;
}

.map-control a.down {
    left: 59px;
    top: 42px;
}

.map-control a.zoom {
    left: 2px;
    top: 8px;
    height: 21px;
    width: 21px;
}

.map-control a.back {
    left: 2px;
    top: 31px;
    height: 21px;
    width: 21px;
}
#page_navigation { float: right; width: 100%;}
#page_navigation a{
	float: left;
	padding:3px;
	padding-left: 10px;
	padding-right: 10px;
	border:1px solid #ccc;
	margin:2px;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color:#229d94;
	text-decoration:none
}
.active_page{
	background:#229d94;
	color:white !important;
}	
#result_content { float: left; width: 100%; padding-bottom: 20px;}
#result_content2 { float: left; width: 100%; padding-bottom: 20px;}

.div_imgcircuit { float:left;width:100%; overflow:auto}
.portfolioFilter { float: left; width: 100%; height: auto; margin-top: 10px;}
.portfolioFilter a {font-family: 'Open Sans', sans-serif; font-size:15px; color:#111; text-decoration: none; padding: 10px;}
.portfolioFilter a.current { background: #229d94; color: #fff }
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
#inline1,#inline2,#inline3,#inline4,#inline5,#inline6,#inline7,#inline8,#inline9,#inline10,
	#inline11,#inline12,#inline13,#inline14,#inline15,#inline16,#inline17,#inline18,#inline19,#inline20,
	#inline21,#inline22,#inline23,#inline24,#inline25,#inline26,#inline27,#inline28,#inline29,#inline30,
	#inline31,#inline32,#inline33,#inline34,#inline35,#inline36,#inline37,#inline38,#inline39,#inline40,
	#inline41,#inline42,#inline43,#inline44,#inline45,#inline46,#inline47,#inline48,#inline49,#inline50
	 { width:1024px; display: none;}
@media screen and (min-width:1024px) and (max-width:1239px)  {
	#inline1,#inline2,#inline3,#inline4,#inline5,#inline6,#inline7,#inline8,#inline9,#inline10,
	#inline11,#inline12,#inline13,#inline14,#inline15,#inline16,#inline17,#inline18,#inline19,#inline20,
	#inline21,#inline22,#inline23,#inline24,#inline25,#inline26,#inline27,#inline28,#inline29,#inline30,
	#inline31,#inline32,#inline33,#inline34,#inline35,#inline36,#inline37,#inline38,#inline39,#inline40,
	#inline41,#inline42,#inline43,#inline44,#inline45,#inline46,#inline47,#inline48,#inline49,#inline50
	 { width:1024px; display: none;}
	.head { width: 1000px; }
	.logo { width: 100px;}
	.menu_intro ul li { font-size: 12px; padding-left: 6px; padding-right: 6px;}
	.menu_intro ul li ul li { font-size: 12px;}
	.contenu { width: 1000px;}
	.footer2 .menu_bas { width:1000px; }
	.footer3 .menu_bas2{ width:1000px; }
	.footer3 .menu_bas3{ width:1000px; }
	.txt_crochant { font-size:22px; top: 120px;}
	.fill_rech .fill_nav { font-size: 12px;}
	.left_page2 .achat h2 { font-size: 9px;}
	.left_page2 .achat a { font-size: 10px;}
	.left_page2 .achat i { margin-top: 0px; }
	.left_page2 .achat a { margin-top: 15px; height: 18px;}
	.left_page2 .dict .dictcnt h2 { font-size: 12px; }
	.left_page2 .dict .dictcnt h2 i { font-size: 11px;}
	.left_page2 .excurs h2 { font-size: 9px;}
	.left_page2 .carto h2 { font-size: 9px;}
	.left_page2 .photo h2 { font-size: 9px;}
	.left_page2 .pub h2 { font-size: 11px; }
	.titre_rech { font-size: 10px;}
	.right_page2 .lienrech { font-size: 10px;}
	.right_page2 .rubrique h2 { font-size: 10px;}
	.right_page2 .rubrique a { font-size: 9px;}
	.right_page2 .produit h2 { font-size: 10px;}
	.right_page2 .etudiant h2 { font-size: 10px;}
	.right_page2 .blog .blogcnt h2 { font-size: 11px;}
	.right_page2 .newsletter h2 { font-size: 10px;}
	.centre_page2 h2 { font-size: 11px}
	.centre_page2 .savoirplus a { font-size: 12px}
	.footer2 .menu_bas .mhaut .mleft { margin-left: 20px;}
	.footer2 .menu_bas .mhaut .mleft a { font-size: 12px;}
	.footer3 .menu_bas2 .m1 { margin-left: 20px; margin-right: 20px;}
	.footer3 .menu_bas2 .m1 { width: 260px;}
	.footer3 .menu_bas2 .m1 .titre, .footer3 .menu_bas2 .m2 .titre { font-size: 12px;}
	.footer3 .menu_bas2 .m1 .lien, .footer3 .menu_bas2 .m2 .lien { font-size: 11px;}
	.footer4 .menu_bas3 .copyr { font-size: 12px; margin-left: 20px;}
	.footer4 .menu_bas3 .adminrss { margin-right: 20px; font-size: 12px;}
	.right_page .produit h2 { font-size: 11px;}
	.right_page .etudiant h2{ font-size: 11px;}
	.right_page .etudiant { margin-bottom: 0px;}	
	.centre_page .description h2 { font-size: 11px;}
	.centre_page .description p { font-size: 10px; margin-bottom: 0px;}
	.centre_page2 .pub .dsppub .lienfr { width: 92px; font-size: 10px;}
	.centre_page2 .pub .dsppub .lienen { width: 98px; font-size: 10px;}
	.centre_page2 .pub .dsppub .lienesp { width: 92px; font-size: 10px;}
	.centre_page2 .pub img { width: 28%; height: 110px;}
	.centre_page2 .pub .dsppub { width: 70%;}
	.centre_page2 .pub .dsppub h2 { font-size: 12px;}
	.centre_page2 .pub .dsppub p { font-size: 12px;}
	.centre_page2 .labrech { font-size: 12px;}
	.centre_page2 .btnrech { font-size: 11px;}
	.centre_page2 h1 { font-size: 12px; margin-top: 0px;}
	.centre_page2 .circuit { font-size: 11px;}
	.centre_page2 .milieu { font-size: 12px;}
	.centre_page2 .titre_circuit { font-size: 11px;}
	.centre_page2 .dsp_circuit { font-size: 11px;}
	.centre_page2 .lien_circuit { font-size: 11px;}
	.centre_page2 .nbcircuit{ font-size: 12px;}	
}

@media screen and (min-width:760px) and (max-width:1023px) {
	#inline1,#inline2,#inline3,#inline4,#inline5,#inline6,#inline7,#inline8,#inline9,#inline10,
	#inline11,#inline12,#inline13,#inline14,#inline15,#inline16,#inline17,#inline18,#inline19,#inline20,
	#inline21,#inline22,#inline23,#inline24,#inline25,#inline26,#inline27,#inline28,#inline29,#inline30,
	#inline31,#inline32,#inline33,#inline34,#inline35,#inline36,#inline37,#inline38,#inline39,#inline40,
	#inline41,#inline42,#inline43,#inline44,#inline45,#inline46,#inline47,#inline48,#inline49,#inline50
	 { width:760px; display: none;}
	.head { width: 90%;}
	.logo { width: 100px;}
	.menu_intro { display: none; width: 300px; height: 220px; margin-right: 60px; position: absolute; z-index: 100; background:#229d94;}	
	.menu_intro ul li { width: 100%; font-size: 13px; padding-left: 6px; padding-right: 6px;}
	.menu_intro ul li ul li { font-size: 13px;}
	.menu_intro ul li ul { width: 260px; padding-left: 10px; padding-top: 0px}			
	.mobile { display: block; cursor: pointer;}
	.contenu { width: 90%;}
	.centre_page,.centre_page4 { width: 96%; margin-left: 0px; padding: 2%;}
	.right_page { width: 100%; margin-top: 20px;}
	.txt_crochant { font-size: 15px; top: 124px; left: 64px}
	.centre_page .galerie img { width: 48%}	
	.centre_page .description p { font-size: 13px; line-height: 21px;}
	.right_page .produit h2 {font-size: 15px;text-transform: uppercase;}
	.lien_bas { display: none;}
	.left_page2 { float: left; width: 98%; position: inherit !important;}
	.centre_page2 { float: left; width: 98% !important; min-height: auto; padding:1%; margin-left: 0px;}
	.right_page2 { width: 98%; float:left;position: inherit !important;}
	.titre_rech { padding: 2%; width: 96%;}
	.right_page2 .rubrique h2 { padding: 2%; width: 96%;}
	.footer2 .menu_bas { width: 90%;}
	.footer2 .menu_bas .mhaut .mleft { line-height: 24px;}
	.footer3 .menu_bas2 { width: 90%;}
	.footer4 .menu_bas3 { width: 90%;}
	.footer3 .menu_bas2 .m1 { width: 100%; margin-right: 0px; margin-top: 20px;}
	.footer3 .menu_bas2 .m2 { width: 100%; margin-right: 0px; margin-top: 20px;}
	.right_page2 .newsletter h2 { width: 100%; }
}
@media screen and (min-width:320px) and (max-width:759px) {
	#inline1,#inline2,#inline3,#inline4,#inline5,#inline6,#inline7,#inline8,#inline9,#inline10,
	#inline11,#inline12,#inline13,#inline14,#inline15,#inline16,#inline17,#inline18,#inline19,#inline20,
	#inline21,#inline22,#inline23,#inline24,#inline25,#inline26,#inline27,#inline28,#inline29,#inline30,
	#inline31,#inline32,#inline33,#inline34,#inline35,#inline36,#inline37,#inline38,#inline39,#inline40,
	#inline41,#inline42,#inline43,#inline44,#inline45,#inline46,#inline47,#inline48,#inline49,#inline50
	 { width:320px; display: none;}
	.head { width: 90%;}
	header { height: 220px;}
	.cb-slideshow { display: none; visibility: hidden;}
	.fill_rech { display: none;}
	.logo { width: 100px;}
	.menu_intro { display: none; width: 240px; height: 220px; margin-right: 60px; position: absolute; z-index: 100; background:#229d94;}	
	.menu_intro ul li { width: 100%; font-size: 13px; padding-left: 6px; padding-right: 6px;}
	.menu_intro ul li ul li { font-size: 13px;}
	.menu_intro ul li ul { width: 260px; padding-left: 10px; padding-top: 0px}			
	.mobile { display: block; cursor: pointer;}
	.contenu { width: 90%;}
	.centre_page,.centre_page4 { width: 96%; margin-left: 0px; padding: 2%;}
	.centre_page4 .pub img { width: 100%; }
	.centre_page4 .pub .dsppub { width: 100%; margin-left: 0px; }
	.right_page { width: 100%; margin-top: 20px;}
	.txt_crochant { display: none;}
	.centre_page .galerie img { width: 48%}
	.centre_page .description { width: 96%;}
	.centre_page .galerie { width: 96%;}
	.centre_page .description p { font-size: 13px; line-height: 21px;}
	.right_page .produit h2 {font-size: 15px;text-transform: uppercase;}
	.lien_bas { display: none;}
	.left_page2 { float: left; width: 98%; position: inherit !important;}
	.centre_page2 { float: left; width: 98% !important; min-height: auto; padding:1%; margin-left: 0px;}
	.right_page2 { width: 98%; float:left;position: inherit !important;}
	.titre_rech { padding: 2%; width: 96%;}
	.right_page2 .rubrique h2 { padding: 2%; width: 96%;}
	.footer2 .menu_bas { width: 90%;}
	.footer2 .menu_bas .mhaut .mleft { line-height: 24px;}
	.footer3 .menu_bas2 { width: 90%;}
	.footer4 .menu_bas3 { width: 90%;}
	.footer3 .menu_bas2 .m1 { width: 100%; margin-right: 0px; margin-top: 20px;}
	.footer3 .menu_bas2 .m2 { width: 100%; margin-right: 0px; margin-top: 20px;}
	.right_page2 .newsletter h2 { width: 100%; }
	.info_circuit { width: 96%; }
}
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track { background:#ececec;}
::-webkit-scrollbar-thumb {background: #229d94; }
::-webkit-scrollbar-thumb:window-inactive {	background: #229d94; }