@font-face { font-family:"PetitaLight"; src: url("/fonts/PetitaLight.ttf"); }
@font-face { font-family:"Exo2-Light"; src: url("/fonts/Exo2-Light.ttf"); }
@font-face { font-family:"Exo2-Bold"; src: url("/fonts/Exo2-Bold.ttf"); }
@font-face { font-family:"Exo2-Medium"; src: url("/fonts/Exo2-Medium.ttf"); }


.tooltip {	position:absolute; visibility:hidden; min-width:400px; overflow-wrap: normal; background-color:#00c0c0; color:#ffffff; padding:10px; font-size:1.1em; text-align:left; transition: 0.5s; opacity:0; border-radius:10px;  display: inline-block; }
.tooltipshow { visibility:visible;  opacity:0.95; transform: translate( -150px, 50px ); }
.tooltip .image, .tooltip .texte { display: inline-block; vertical-align:middle; }
.tooltip h2 {  display:inline-block;  color: #ffffff; font-size:1.2em;}
.tooltip h3 { display:inline-block; color: #ffffff; font-size:1.2em; font-style:italic; margin:0px; padding-bottom:10px; }
.tooltip ul { padding:0px 20px 0px 20px; margin:0px; }
.tooltip ul > li {  line-height:1.6; }


* { font-family: "PetitaLight", "Tahoma";  }
input, textarea {  font-size:0.9em;  color:#000000; } 
html, body { background-color:#ffffff; font-family: "PetitaLight"; margin:0; color:#000000; font-size:18px; }
a { color:#000000; text-decoration:none; }
a:hover { color:#528cde;   text-decoration:none; }

strong { text-decoration:none ; color: #a00000;}
.gras { font-family: "Exo2-Bold"; }

.imagerotate img { width:auto; height:40px;}
.img_logo { width:auto; height:75px; }

.button { display:inline-block;background-color:#005b96;padding:12px 20px;text-decoration:none;border-radius:4px;font-weight:bold; }
.encart { border:2px solid #00a000; border-radius:8px; padding:16px; background-color:#f0fff0; }

.logo { position: absolute;  top: 50%;  transform: translate(0%, -50%); color:#706f6f; text-align:center; font-family:"Exo2-Medium"; width:100%; }
.progress-bar {    background-color: #1a1a1a;    height: 30px;    padding: 5px;    width: 80%;    margin: 0 auto;    border-radius: 5px;    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;  }
.progress-bar span {    display: inline-block;    height: 100%;    border-radius: 3px;    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;    transition: width .4s ease-in-out;  }
.stripes span { background-size: 30px 30px;    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%,  transparent 25%,  transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,  transparent 75%, transparent);    animation: animate-stripes 4s linear infinite;  }
@keyframes animate-stripes {    0% {      background-position: 0 0;    }    100% {      background-position: 60px 0;    }  }
.blue span {    background-color:#528cde;  }
.dot {  height: 15px;  width: 15px;  background-color:#528cde;  border-radius: 50%;  display: inline-block; vertical-align:middle; }
.important { padding-left:10px; color : #ff4040; font-style:italic; }

.bold { font-weight:bold; }
.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }
.divcenter { margin :0 auto; }
.red { color:#ff4040; }
.green { color:#408040; }.base_blue { color:#528cde; }
.base_orange"] { color:#f07d00; }
.marginleft { margin-left:40px; }

.middle { vertical-align : middle; }
.top { vertical-align : top; }
.fullwidth { width:100%; }
.inline { display:inline-block }
.gros { font-size: 1.5em; }

.visible { display:inline-block; }
.notvisible {}
.notvisible img {  opacity:0;  z-index:-5; }

.bloc { display : inline-block;  font-family:inherit; }
.nomargin { margin-left:0px; margin-right:0px; }

.nomargintop { margin-top:0px; padding-top:0px;}
.nomarginbottom { margin-bottom:0px; padding-bottom:0px;}

.illus_right { width:100%; }
.illus_right img { width:100%; }

h2 { font-size:2em; margin-top : 10px; margin-bottom : 10px; color:#528cde; font-family: "Exo2-Bold"; }
h3 { font-size:1.2em; font-weight: normal; margin-left : 20px;  margin-top : 5px; margin-bottom : 5px;  color:#f07d00; font-family: "Exo2-Medium";}
h4 { font-size:1em; font-weight: normal; margin-left : 40px; margin-top : 5px; margin-bottom : 5px;  color:#808080; }

hr { display:block; margin: 20px 0px 20px 0px; border: 1px solid #000000;}
img.image_50 { width:95%;  min-width:0px; }

.tab_two_cols { margin:20px 0px 50px 0px; text-align:center;  padding:0px; }
	
.page_content { width: 100%;  margin:0px; padding:0px;}
.tab_two_cols .tab_col { width:95%;  padding:4px; display: inline-block;  margin: 0 auto; vertical-align:top;}

.tab { text-align: left; padding:0px; margin: 50px 0px 50px 0px;}
.vignette { width: 95%; vertical-align:top; display: inline-block; margin: 20px 0px 20px 0px; }


.prepa { font-size:1.6em; margin : 0 auto; text-align:center;  color:#528cde; }
.coord { font-size:1em; margin : 0 auto; text-align:center; width:100%; }
.logo img { width: 80%;  }
.mobilemax { width:100%;}	

.menu { width:100%;  top:0px; background-color:#ffffff;  margin:0px; text-align:center; height:60px; border-bottom: 4px solid #528cde;  transition: 0.2s; z-index:100; }
.menu .logo_menu { margin: 0px auto 0px auto;  padding-top:10px; transition: 0.2s; z-index:10; }
.menu .logo_menu img { width:120px;  max-width:180px; transition: 0.2s; }
.menu .contact_menu {  position:absolute;  top:20px; left: 4px;   display:block; text-align:left; color:#000000; text-decoration:none; transition: 0.2s;  z-index:1;}
.menu .contact_menu .texte { display: none;  transition: 0.2s; }
.menu .contact_menu_mail { display:  inline-block;  margin-left : 5px;  }
.menu .contact_menu_tel { display: inline-block;  margin-left : 5px;  }
.menu .contact_menu .image { display: inline-block;  width:40px; text-align:right; }
.menu .contact_menu img{ height:20px; }
.menu .contact_menu a { color:#000000; text-decoration:none;   }
.menu .contact_menu a:hover { color:#000000;   }
.menu .menu_selected { color:#f07d00; margin: 0px 20px 0px 20px; padding-bottom:3px; border-bottom: 3px solid #f07d00; font-size:calc(0.4em + 1vw); }
.menu .button_menu { display:inline-block; position:absolute ; top:10px; right: 10px; cursor:pointer; }
.menu .button_menu img { width:40px; }
.menu .button_top { position:fixed ; bottom:10px; right: 10px; cursor:pointer; z-index:15; }
.menu .button_top img { width:40px; transition: 0.5s; }
.cbp-hrmenu { display:none; }

.menu .small_menu { display:none;  width:90%; text-align:center; position:absolute; top:100px; left: 50%; transform: translate(-50%, 0%); background-color:#528cde; padding: 20px 0px 20px 0px; margin: 0 auto; border-radius: 20px; transition: 0.5s;}
.menu .small_menu a { color:#000000; text-decoration:none;  font-size:1.5em; }
.menu .small_menu hr { margin: 20px 0px 20px 0px; border: 2px solid #f07d00; border-radius: 5px; }


.footer_div { width:100%; text-align:center; margin: 0px auto 0 auto;  background-color:#e0e0e0;  border-top: 4px solid #808080;   }
.footer_div p { margin: 0px 0px 0px 10px; font-size:.9em;}

.block { width:80%;  margin-left:10px; margin: 50px 0px 50px 0px;  display: inline-block; vertical-align:top; text-align:left; }
.block img { height: 35px; }
.block .image { width: 50px; display: inline-block; vertical-align:top;  text-align:center; }
.block .image img { height: 20px; }
.block .other {  display: inline-block; color:#000000; }

.lastban { width:100%; text-align:center; margin: 0 auto; background-color:#c0c0c0; }
.lastban .block { width: 40vw; display: inline-block; margin-top:10px; margin-bottom:10px;  }
.lastban .block a { font-size: 0.8em; }


.page_content p { margin-left:60px;  margin-top:0px; }
.page_content a { color:#8080ff; }
.page_content a:hover { text-decoration:underline;}

.background {  width: 100%; padding:0px; z-index:0; background-color:#808080; background-position:center top;  background-repeat:no-repeat; background-size:cover; }
.background .content {padding:50px 20px 50px 20px; color: #fff; text-align:center; }
.background .content .activite { margin: 100px 0px 0px 0px;   width:100%; font-size:1.4em; font-family: "Exo2-Bold";  vertical-align:top; }
.background .content .activite img { width:150px; border-radius: 75px; box-shadow:  0px 0px 20px 5px #ffffff; margin-bottom:20px; transition:0.2s; }
.background .content .activite a { text-decoration:none; color:#ffffff; font-size:1.2em; font-weight:bold; }
.background .content div.activite:hover { cursor:pointer;  }
.background .content div.activite:hover img {transform: translate(0 ,-40px); }
.background .content .module { display:inline-block; margin-right:15px;}
.background .content .module h1 { font-size: 2em; color:#ffffff;  font-family: "Exo2-Bold"; margin:0px; padding: 0px;  text-shadow: 4px 4px 3px #000000; }


.thinlarge { width:90%; }
.medlarge { width:90%; }
.fulllarge { width:95%; }

.underphoto {  margin:0px auto 100px auto;  font-size:1.1em; } 
.underphoto p { margin: 0px 0px 0px 10px;  line-height:1.4;}
.underphoto a { text-decoration:none; color:#528cde;  }
.underphoto a:hover { text-decoration:underline;  color:#f07d00;}
.underphoto h2 { margin-top:100px; margin-bottom:20px;  padding:10px; border-radius:10px; font-size:1.1em;  background-color:#528cde; color:#ffffff; }
.underphoto ul {  padding-top:10px; }
.underphoto ul li { margin-bottom:0px;  margin-top:5px; }
.underphoto ul > li > ul > li { margin-bottom:0px; }
.underphoto .module {display:inline-block; }
.underphoto .module img { max-width:200px; max-height:200px; width:auto; height:auto;  }
.underphoto .module h2 { margin-top:0px; font-size:1.5em; }
.underphoto .texteside { width:100%;  display:block;}
.underphoto .texteside h2 { margin-top:0px; }
.underphoto .imageside { display:none;  }
.underphoto .imageside img { padding: 0px 30px 0px 30px; }
.underphoto .keepportrait { display:inline-block; width:95%; margin-top:30px; }
.underphoto .imagesideforced { display:block; width:100%; text-align:center; padding:0px; margin: 0px auto; }
.underphoto .threecols { width:95%; margin-bottom:50px; min-width:350px; }
.underphoto .logoside {  display: inline-block;  width:100%; }
.underphoto .logoside img { width:auto; height:auto; max-height:50px; margin:10px; vertical-align:middle; }
.underphoto .villeliste { display : inline-block; width:250px; padding:5px 0px 5px 0px; }
.underphoto .illustration { width:100%;}

.eligibilite { display: inline-block;  padding: 10px 0px 10px 0px; width:100%;  text-align:center; margin: 0 auto;}
.eligibilite .field {  display: inline-block; width:100%; text-align:center; margin:0 auto; transition:0.5s; }
.eligibilite .value {  display: inline-block; width:100%;  transition:0.5s; }
.eligibilite .disabled { opacity:0; transition:0.25s; }
.eligibilite * { font-size:1em; }
.eligibilite input,select { border-radius:5px; color:#000000; border: 1px solid #528cde;  text-align:left; width: 90%;  background:; font-size:0.9em; }

.elig_result { text-align:center; padding:40px; margin: 40px auto 40px auto; border: 1px solid #808080; border-radius:10px; box-shadow: 10px 10px 20px #808080; }
.elig_result img { height:40px; width:auto; margin:20px 10px 20px 10px; }
.elig_result_premier { text-align:center; padding:40px; margin: 40px auto 40px auto; border: 1px solid #808080; border-radius:10px; box-shadow: 10px 10px 20px #808080;  background-color: ;  font-size:1em;  }
.elig_result_premier img { height:60px; width:auto;  margin: 20px 10px 20px 10px; }

.descmateriel { width:95%; margin:80px auto 0px auto; border-radius:20px; border: 0px solid #528cde; box-shadow: 10px 10px 20px #808080; background-color:#c0c0c0;  padding: 20px 10px 20px 10px; text-align:center; }
.descmateriel:hover { color:#f07d00;  cursor:pointer; background-color:#f0f0f0; }
.descmateriel .image  { display:block; padding: 0px; margin: 0px; text-align:center; width:100%; }
.descmateriel .image img { width:auto; height:auto;  max-height:300px; max-width:300px; padding: 0px; margin: 0px; }
.descmateriel .texte { display:block; padding: 0px; margin: 0px;  text-align:center;   width:100%;}
.descmateriel .texte h2 { font-size: 1.5em;  margin-top: 20px;}
.descmateriel .texte h3 {  }
.descmateriel .texte ul { display:block; padding: 0px 0px 0px 20px; margin: 0px;  text-align:left; }
.descmateriel .texte ul > li { font-size:0.8em; text-align:left;}
.descmateriel a:hover img { border:0px; }
.prix { font-size:0.8em; color: #00c0c0; font-weight:bold; }

.vabottom .module { vertical-align:bottom; }


.pagemateriel { vertical-align:top;  text-align:center; }
.pagemateriel .image { display:inline-block; vertical-align:middle; }
.pagemateriel .image img { width:80vw; margin-top:30px; }
.pagemateriel .desc {  display:inline-block; vertical-align:middle; font-size:1.2rem; text-align:left;  padding-left:5vw; }

.imageuphover { margin-bottom:75px; }
.imageuphover > a > img { margin-left:0px; margin-right:0px; transition:0.5s;  text-align:center;}
.imageuphover:hover { cursor:pointer;  }
.imageuphover:hover > a > img {transform: translate(-10px ,-30px) scale(1.5); filter: drop-shadow( 20px 30px 15px #808080); border:0px; }

.imageupa img { transition:1s;  }
.imageupa:hover img {transform: scale(1.6); filter: drop-shadow( 5px 5px 1px #808080);  transition:0.3s;  }


.tab_three_cols { text-align:center;  padding:0px; margin: 50px 0px 50px 0px; }
.tab_three_cols .tab_col { display: inline-block;  margin: 0 auto; width:28%;  padding:10px; vertical-align:top; }


.vignette .image { display: table-cell;  }
.vignette .image img { width: 150px; border-radius: 50%;  border: 1px solid #f07d00; border-image-outset: 30px; }
.vignette .texte { display: table-cell;  text-align:left;  font-size: 0.8em; vertical-align:top; overflow-wrap: break-word; width:100%; }
.vignette .texte h2 { font-size: 1.2em;  color:#000000; }
.vignette .texte ul { list-style: square inside; }

.equipe img { width: 150px; border-radius: 50%;  border: 1px solid #f07d00; border-image-outset: 30px; }

.googlemap { width:95%; height: 800px; border:0; }

.formcontact .input input, .formcontact .input textarea { width:100%; padding: 6px 10px;  box-sizing: border-box; background-color:#ffffff; color: #000000; border: 1px solid #000000;  transition: 0.5s;}
.formcontact .input input[type='submit'] { cursor:pointer; background-color:#528cde; }
.formcontact .input input[type='submit']:hover { background-color:#f07d00; border-color:#528cde; }
.formcontact .input:hover input, .formcontact .input:hover textarea {border-color:#f07d00;  }
.formcontact .input input:focus,  .formcontact .input textarea:focus { border-color:#f07d00;  }
.formcontact { text-align:center; border-radius: 10px; background-color: ;  width:100%; border: #000000 1px solid;  font-size:0.8em;}
.formcontact .field { text-align:center; display:block; margin: 20px auto 0px auto; width:200px; vertical-align:top; }
.formcontact .input { text-align:center; display:block; margin: 0px auto;  width:65%;}

.cbp-hrmenu { width: 100%;	transition:0.2s;  margin-top:60px;   position:relative; }

.actualites { padding:0px; margin:0px; text-align:left; }
.actualites .timeline { vertical-align:top; display:inline-block; border-right: 6px solid #528cde;  height:100px; width:60px;  background-image:url("/images/icon_news_timeline.png"); background-position:bottom 10px left 0px; background-repeat:no-repeat; background-size:80px 40px; }
.actualites .starttimeline { vertical-align:top; display:none; border-right: 6px dotted #528cde;  height:60px; width:60px;  margin-bottom:5px; }
.actualites .endtimeline { vertical-align:top; display:inline-block; border-right: 6px solid #528cde;  height:100px; width:60px;  background-image:url("/images/icon_news_timeline.png"); background-position:bottom 10px left 0px; background-repeat:no-repeat; background-size:80px 40px; }
.actualites .spacetimeline { display:inline-block; height:100px; width:200px; text-align:left;  vertical-align:bottom; }
.actualites .actucontent {  margin-top:-5px; display:inline-block;  border-top:6px solid #528cde; border-bottom:6px solid #528cde; border-radius:4px;  padding:10px 20px 0px 20px; box-shadow: 2px 2px 5px #808080; width:90%; vertical-align:top;  text-align:left; }
.actualites .domaine { color:#528cde;  display:inline-block; font-family: "Exo2-Medium"; font-size:0.7em;  width:100%; text-align:right; }
.actualites .date {display:inline-block; font-size:0.8em; line-height: 1.5em; text-align:left; padding-left:5px; width:100%; position:relative;  bottom:-55px; }
.actualites h2.titre  { font-family: "Exo2-Medium"; font-size:1em; background-color:unset;  color:#000000;  border-bottom:1px dashed #808080; border-radius:0px; width:100%; padding:10px 0px 10px 0px; margin:0px;}
.actualites .contenu {  width:100%;  margin:20px 10px 20px 10px;   font-size:0.9em; }
.actualites .redacteur { border-top:1px dashed #808080;   width:100%; padding:10px 0px 10px 0px;  text-align:right;  font-size:0.8em; }
.actualites .imagerotate { display:inline-block; }
.actualites .imagerotate img { width:auto; height:15px; }
.actualites .img_deco { max-height:150px; max-width:100%; }

.actualite_complete { text-align:left; }
.actualite_accueil { display:inline-block; width:80%; background-color:#e0e0e0;   padding:0px 20px 20px 20px;  vertical-align:top; border-radius:10px;  border: 10px solid #ffffff;  box-shadow:  5px 5px 10px 0px #808080; margin-bottom:50px; }
.actualite_complete header h2 { font-family: "Exo2-Medium"; font-size:1.4em; font-weight:bold;  padding-bottom:4px; margin: 20px 0px 30px 0px; border-bottom:2px solid #808080; border-radius:0px; }
.actualite_accueil  header h2 { font-family: "Exo2-Medium"; font-size:1.1em; font-weight:bold;  padding-bottom:4px; margin: 20px 0px 30px 0px; border-bottom:2px solid #808080; border-radius:0px; }
.actualite_accueil .img_deco { width:80vw; }
.actualite_complete footer { text-align:right; font-size:0.8em; padding-top:4px; margin: 30px 0px 20px 0px; border-top:2px solid #808080; }
.actualite_accueil footer { display:none; }
.actualite_complete p, .actualite_accueil p { padding:0px; margin:0px; }
.actualite_complete .imagerotate, .actualite_accueil .imagerotate { display:inline-block;  margin:0px; padding:0px; }
.actualite_complete .imagerotate img, .actualite_accueil .imagerotate img { width:auto; height:20px; }
.actualite_complete .small_logo, .actualite_accueil .small_logo { width:auto; height:20px; }
.actualite_complete .med_logo, .actualite_accueil .med_logo { width:auto; height:35px; }
.actualite_complete img.std_img { display:inline-block; width:90vw; height:auto; }
.actualite_complete img.vert_img { display:inline-block; width:90vw; height:auto; }
.actualite_complete h2.h2actualite { font-size:2em; color:#000000; font-family: "PetitaLight"; background-color:unset; }

.avis { background-color:#e0e0e0; border-radius:10px;  text-align:left;  width:90%; display:inline-block;  padding:0px 10px 20px 10px;  vertical-align:top;  margin-bottom:100px; border: 10px solid #ffffff;  box-shadow:  5px 5px 10px 0px #808080; }
.avis img { position:relative; top:-30px;  padding:10px; border-radius:10px; border: 5px solid #ffffff; background-color:#e0e0e0; width:auto; height: 70px; box-shadow:  5px 5px 10px 0px #808080; z-index:1; }
.avis .sign { font-size:0.8em; text-align:right; }
.avis ul { padding:0px 0px 0px 20px; line-height: unset;}
.avis li { margin: 0px 0px 0px 5px; padding:0px; line-height: unset;}


.comparatif table { margin: 0 auto; border-collapse:collapse; border : 2px solid #a0a0a0; }
.comparatif table th { border : 2px solid #a0a0a0;  padding:5px;  text-align:center; width: 140px;}
.comparatif table td { border : 1px solid #c0c0c0;  padding:10px 5px 10px 5px;  text-align:center; font-size:0.9em; }
.comparatif table td img { height:auto; width:16px; }


.fibre_detail .desc { display: inline-block;  width:90vw; }
.fibre_detail .prix { display: inline-block;  font-size:2em; color:#800000;  width:90vw; text-align:right; vertical-align:middle; }


.telech { margin: 0 auto; width:95vw; }
.telech .gamme {border: 1px solid #808080; background-color:#808080; color:#ffffff; margin-top:20px; padding:10px;  font-weight:bold; font-size:1.5em; }
.telech .row { border: 1px solid #808080; padding:15px 5px 15px 5px;}
.telech .row:hover .titre { color:#528cde }
.telech .row .titre {display: inline-block; vertical-align:middle; max-width:85vw; font-size:0.9em; }
.telech .row .file {float:right; vertical-align:middle; }
.telech .row .file .imagerotate img { width: 36px; height: auto; margin-top:-6px;}


.tableau {border-collapse:collapse;width:100%;max-width:800px;}
.tableau th {background-color:#005b96;color:#fff;padding:12px;text-align:center;}
.tableau td {border:1px solid #ddd;padding:12px;text-align:center;}
.tableau tr:nth-child(even) {background-color:#f9f9f9;}
.tableau tr:hover {background-color:#f1f1f1;}
.tableau td:first-child {font-weight:bold;text-align:left;}


/* Tablette landscape */
@media screen and ( min-device-width : 768px ) and ( max-device-width : 992px) and (orientation : landscape) {
.cbp-hrmenu { display:inline-block; margin-top:18px; }
.cbp-hrmenu > ul > li > a, .cbp-hrmenu .liendirect a { font-size: 0.7em; }

.menu .button_menu { display:none;  }
.menu .logo_menu { position:fixed;  top:20px; left: 20px; transform: translate(0, 0);}
.menu .logo_menu img { width:9vw; }

.menu .contact_menu{top:20px; left:unset; right: 20px;  }
.menu .contact_menu_mail { display: inline-block;  margin-left : 20px;  }
.menu .contact_menu_tel { display: inline-block;  margin-left : 20px; }

.background .content .activite { margin: 100px 0px 0px 0px;   width:45%; font-size:1.4em; font-family: "Exo2-Bold";  vertical-align:top; }
.underphoto .threecols { width:45%; margin-bottom:50px; text-align:left;}


.underphoto { width:95%;  }
.bigmini img { width:95%; }
.block { width:unset; margin-left:100px; margin-right:100px;  }
.lastban .block { width:unset;  margin-left:150px; margin-right:150px; }

.descmateriel .image  { display: inline-block;}
.descmateriel .image img { width:512px; }
.descmateriel .texte {display: inline-block; vertical-align:top; padding-left:40px; }
.descmateriel .texte h2 { display: inline-block; }
.descmateriel .texte h3 { display: inline-block; }
.descmateriel .texte ul > li { font-size:unset; }

}

/* Tablette portrait */
@media screen and ( min-device-width : 768px ) and ( max-device-width : 992px) and (orientation : portrait ) {
.descmateriel .image  { display: inline-block; text-align:center;}
.descmateriel .image img { width:512px; }
.descmateriel .texte {display: inline-block; vertical-align:top; padding-left:40px; }
.descmateriel .texte h2 { display: inline-block; }
.descmateriel .texte h3 { display: inline-block; }
.descmateriel .texte ul > li { font-size:unset; }

}

/* ordis */
@media screen and ( min-device-width : 992px ) {
h2 { font-size:2em; }
h3 { font-size:1.4em;  }
h4 { font-size:1.2em; }
img.image_50 { width:60%;  min-width:600px;}
.tab_two_cols { margin: 50px 0px 50px 0px; }

.cbp-hrmenu { display:inline-block; 	margin-top: 55px; }
.cbp-hrmenu > ul > li > a, .cbp-hrmenu .liendirect a { font-size: unset; }
.cbp-hrsub h5 { font-size:1.6em; }

.thinlarge { width:60%; }
.medlarge { width:75%; }

.mobilemax { width:80%;}	

.illus_right { float:right; width:50%; margin-left:2vw; }
.illus_right img { width:100%; box-shadow: 5px 5px 10px #404040; }

.imagerotate img { transition:0.5s;  margin-left:10px; }
.imagerotate:hover img { transform: rotate(360deg) ; }
.imagedecal15 img { margin-bottom:-15px;  }
.imagedecal5 img { margin-bottom:-5px;  }

.menu { height: 96px; position: sticky; position: -webkit-sticky;  }
.menu .button_menu { display:none ; }
.menu .logo_menu { position:fixed;  top:20px; left: 20px; transform: translate(0, 0); padding:0px;}
.menu .logo_menu img { width:12vw; }

.menu .contact_menu{top:35px; left:unset; right: 20px;  }
.menu .contact_menu_mail { display: inline-block;  margin-left : 20px;  }
.menu .contact_menu_tel { display: inline-block;  margin-left : 20px; }
.menu .contact_menu .texte { display: inline-block; }

.menu_reduced { height: 41px; }
.menu_reduced .logo_menu { top:5px; left: 5px;  }
.menu_reduced .logo_menu img { width:5vw;  }
.menu_reduced .contact_menu { top:8px; right: 5px; }
.menu_reduced .cbp-hrmenu { margin-top:0px; }

.tab_two_cols .tab_col { width:45%;  padding:10px;  }
.tab { text-align:center;   }
.vignette { width: 30%;  }
.equipe { width: 30%;  }
.equipe h2 { font-size:1em; }
.equipe h3 { font-size:0.9em; }
.background .content {padding:100px 50px 100px 50px; }
.background .content .module h1 { font-size: 2.5em; }
.background .content .module h2 { font-size: 3.5em; }
.background .content .activite { margin: 100px 50px 0px 50px;   width:250px;  }
.underphoto ul { margin: 0px 0px 10px 20px; }
.underphoto ul > li {  margin-bottom:20px;}
.underphoto p { margin: 0px 0px 0px 40px; }
.underphoto .imageside { display: inline-block; }
.underphoto .texteside { display: inline-block;  width: calc( 100% - 350px);  vertical-align:top; }
.underphoto .imagesideforced { max-width:300px; }
.underphoto .threecols { width:33%; }
.underphoto .keepportrait { width:unset; }
.underphoto .imagesideforced { display:inline-block; width:unset; }
.underphoto h2 { font-size:2em; background-color:unset; color: #528cde; padding:unset; }
.underphoto .logoside img { margin:40px; }

.eligibilite { width:80%;  }
.eligibilite .field {  width:180px; text-align:right; margin:unset; padding-right:10px;  }
.eligibilite .value {  width:600px;   }
.eligibilite .disabled { transform: translate(400px ,0px) ; }

.elig_result { width:30%; min-width: 450px; display:inline-block; margin-left:20px; margin-right:20px; font-size:0.9em;}
.elig_result img { margin:30px 10px 30px 10px; }
.elig_result_premier { width:90%;  font-size:1.2em; font-family:"Exo2-Medium"; }
.elig_result_premier img { margin:30px 20px 30px 20px; }

.descmateriel { text-align:left; width:48%; display: inline-block;  box-shadow:unset; background-color:unset; border:unset;  padding:10px;    vertical-align:top; }
.descmateriel .image  { display: inline-block; width:300px; padding:0px; margin:0px;  text-align:left; }
.descmateriel .image img { padding:0px; margin:0px; }
.descmateriel .texte {display: inline-block; vertical-align:top; padding-left:20px;  text-align:left; width:unset; }
.descmateriel .texte h2 { display: inline-block; font-size:1.1em;}
.descmateriel .texte h3 { display: inline-block; font-size:1em;}
.descmateriel .texte ul > li { font-size:0.8em; line-height:0.2;}

.pagemateriel .image img { width:30vw; margin-top:unset; }

.actualites .timeline { height:470px;  margin:-10px 0px 0px 0px; background-position:top 10px left 0px; }
.actualites .endtimeline { margin:-10px 0px 0px 0px; background-position:top 10px left 0px; vertical-align:top; display:inline-block; border-right: 6px solid #528cde;  height:73px; width:60px;  background-image:url("/images/icon_news_timeline.png"); background-position:bottom 5px left 0px; background-repeat:no-repeat; background-size:80px 40px; }
.actualites .starttimeline { display:inline-block; }
.actualites .spacetimeline {  height:470px; background-position:0px 40px; width:120px;  background-image:url("/images/icon_h_timeline.png"); background-position:top 40px left 0px;  background-repeat:repeat-x; background-size:80px 40px; }
.actualites .actucontent { height:370px; width:70%; border-top:unset; border-bottom:unset;  border-left:  6px solid #528cde; }
.actualites .img_deco { max-height:150px; max-width:100%; }
.actualite_accueil .img_deco { max-height:110px; width:auto; }
.actualites .date { position:relative; top:33px;  left:0px; width:90px; }
.actualites .domaine { font-size:0.9em; float:right; width:unset;}
.actualites h2.titre { font-size:1.4em; }
.actualite_complete img.std_img { width:100%; height:auto; }
.actualite_complete img.vert_img { width:auto; height:700px; }

.fibre_detail .desc { display: inline-block;  width:40vw; min-width:600px; }
.fibre_detail .prix {  width:unset; }


.actualite_accueil { width:30%;  margin:30px; }

.avis { width:500px; margin:20px 20px 100px 20px; }

.footer_div { margin-top:30px; }

.imageuphover > a > img { width:256px; }
.smallmini img { width:200px; }
.bigmini img { width:512px;}
.imageuphover > a > img {width:220px; margin: 0px 60px 20px 60px; border:0px; }
.lastban .block { width:30%;  text-align:center;}
.prepa { font-size:2.5em;   }
.coord {  font-size:2em;  }
.logo img { width: 40%;  }
.formcontact { text-align:left; }
.formcontact .field { display:inline-block;  text-align:right; margin: 10px 0px 10px 20px; }
.formcontact .input { margin: 10px 0px 10px 20px; display:inline-block;  text-align:left; }
.block { width:unset; margin:50px 80px 50px 80px; }

.telech { width:70vw; }
.telech .row .titre { font-size:unset; }
.telech .row { padding:15px;}

}

.ville_intro, .ville_seo { margin: 30px auto; max-width: 900px; text-align: left; }
.ville_intro h2, .ville_seo h2 { margin-top: 30px; }
.ville_faq h3 { font-size: 1.1em; margin: 20px 0 8px 0; color:#528cde; }
.ville_faq p { margin: 0 0 16px 0; line-height: 1.6; }
.ville_seo ul { margin: 10px 0 20px 30px; line-height: 1.7; }

.accueil_intro { max-width: 900px; margin: 0 auto; text-align: left; }
.accueil_intro p { margin: 0 0 1em 0; line-height: 1.7; }
.center.accueil_intro { text-align: center; }
.center.accueil_intro ul { display: inline-block; text-align: left; }
/* general ul style */
.cbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:1.1em;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
	width: 80%;
	max-width:95em;
	margin: 0 auto;
	padding: 0 1.875em;
}

.cbp-hrmenu > ul > li {
	display: inline-block;
	text-align: left;
	/*background-color:#ffffff;*/
}

.cbp-hrmenu .liendirect {
	display: inline-block;
	text-align: left;
	/*background-color:#ffffff;*/
	font-weight: 700;
	color: #999;
		background-color:#ffffff;
}

.cbp-hrmenu > ul > li > a, .cbp-hrmenu .liendirect a {
	font-weight: 700;
	padding: 0.4em 2em;
	color: #999;
	display: inline-block;
		background-color:#ffffff;

}

.cbp-hrmenu > ul > li > a:hover, .cbp-hrmenu .liendirect a:hover {
	color: #47a3da;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover
 {
	color: #fff;
	background: #528cde;
	transition : 0.25s;
}
.cbp-hrmenu > ul > li > a.selected
 {
	background: #999;
	color: #fff;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	background: #528cde;
	width: 100%;
	left: 0;
}

.cbp-hropen .cbp-hrsub {
	display: block;
	padding-top: 3em;
	padding-bottom: 3em;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 25%;
	float: left;
	/*padding: 0 2em 0;*/
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 1.6em;
}

.cbp-hrmenu .cbp-hrsub-inner > div a:hover { text-decoration:underline; }

.cbp-hrsub h5 {
	color: #ffffff;
	padding: 1em 0 0.6em;
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
	font-family: "Exo2-Medium";
	}

/* Examples for media queries */

@media screen and (max-width: 52.75em) { 

	.cbp-hrmenu {
		font-size: 80%;
	}

}

/*@media screen and (max-width: 43em) */
 @media screen and (max-width : 992px){ 

.cbp-hrmenu .liendirect {
	width: 100%;
	border-bottom: 4px solid #528cde;
	padding-left: 1em;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 80%;
	float: left;
	padding: 0 1em 0;
}
	.cbp-hrmenu {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		padding: 0 1em;
		font-size: 0.8em;
	}

	.cbp-hrmenu > ul > li {
		display: block;
		background-color:#80ffff;
		border-bottom: 4px solid #528cde;
	}

	.cbp-hrmenu > ul > li > a { 
		display: block;
		padding: 0.5em 0.5em;
	}

	.cbp-hrmenu .cbp-hrsub { 
		position: relative;
		padding-top: 0.2em;

	}

	.cbp-hrsub h5 {
		padding: 0.3em 0 0;
	}

}