@font-face {
font-family: 'liberation_bold';
src: url('../font/liberationsans-bold-webfont.eot');
src: url('../font/liberationsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/liberationsans-bold-webfont.woff') format('woff'),
     url('../font/liberationsans-bold-webfont.ttf') format('truetype'),
     url('../font/liberationsans-bold-webfont.svg#liberation_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'roboto_light';
src: url('../font/roboto-light-webfont.eot');
src: url('../font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/roboto-light-webfont.woff') format('woff'),
     url('../font/roboto-light-webfont.ttf') format('truetype'),
     url('../font/roboto-light-webfont.svg#robotolight') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'roboto_med';
src: url('../font/roboto-medium-webfont.eot');
src: url('../font/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/roboto-medium-webfont.woff') format('woff'),
     url('../font/roboto-medium-webfont.ttf') format('truetype'),
     url('../font/roboto-medium-webfont.svg#robotomedium') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'roboto_black';
src: url('../font/roboto-black-webfont.eot');
src: url('../font/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/roboto-black-webfont.woff') format('woff'),
     url('../font/roboto-black-webfont.ttf') format('truetype'),
     url('../font/roboto-black-webfont.svg#robotoblack') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'roboto_bold';
src: url('../font/roboto-bold-webfont.eot');
src: url('../font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/roboto-bold-webfont.woff') format('woff'),
     url('../font/roboto-bold-webfont.ttf') format('truetype'),
     url('../font/roboto-bold-webfont.svg#robotobold') format('svg');
font-weight: normal;
font-style: normal;
}

body {
font-family:tahoma;
font-size: 13px;}

.navbar-form>.btn-orange{
font: 11px "roboto_black";
height: 20px;}

.container {padding: 0;}

.noMargin {margin:0;}

.noMarginRight {margin-right:0;}

#header-top {
border-radius: 0;
min-height: 37px;
margin-bottom: 0;}

#header-top>.container>.navbar-right,.form-header{font-size:11px !important;}

#header-top>.container>.navbar-right {
margin-top: 7px;
margin-bottom: 0px;}

#header-top>.container>.navbar-right>.form-group{margin-left: 8px;}

.form-header {
width:140px;
height:20px;
padding:0px 6px;
border-radius:0;}

.btn-orange {
background-color: #ff7900;
border-color: #ee6400;
width:85px;
margin-left: 8px;
color:#fff;}

#deco a:hover{text-decoration: none;}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
color: #fff;
background-color: #F07506;
border-color: #e06206;}

#header {
height: 164px;
background-color: #027EC4;
background-image: url(../img/bg2.png);
background-repeat: no-repeat;
background-position-x: 50%;}

#header1 {
height: 119px;
color: #fff;
font-style: italic;
font-size: 16px;
font-weight: 700;}

#header2 {
height: 45px;
text-align: center;
background-color: #005584;
border-radius: 4px 4px 0px 0px;
margin-left: 1px;
margin-right: 1px;}

#nav-header {
font:14px "liberation_bold";
width: 95%;
margin: 0 auto;}

#nav-header>a {
height: 45px;
line-height: 53px;
color: #fff;
white-space: nowrap;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.36);
-webkit-transition: 150ms linear text-shadow;
-moz-transition: 150ms linear text-shadow;
transition: 150ms linear text-shadow;}

#nav-header>a:hover,
#nav-header>a:focus,
#nav-header>a:active,
.navActiv {
background-color: #00466d;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.76);
text-decoration:none;
cursor:pointer;}

.navActiv:hover {cursor:default !important;}

.sep{
width:2px;
height:27px;
position:absolute;
right:0;
bottom:6px;}

.navbar-form .form-control,.navbar-form .form-group,.pictoDoc,.iconDoc,.texte-doc,#footerContact,.blocAdresse {display: inline-block;}

.navbar-right{float:right!important;}

#body {
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;}

.modal-body{
font-size:16px;
/*max-height:none;*/}

.modal-reco {padding:10px;}

#modal_info {
width: 498px;
height: 498px;
margin-left: -249px;
overflow: visible;}

#modal_info>.modal-body{padding:0;}

.barreOrange {
background:#ff7b00;
height:8px;}

.sousHeader {
background-color:#2d2d2d;
padding:45px;}

.imgHeader,.imgBasique,.imgBlocExpert{
height:auto;
max-height:300px;
min-height:95px;
width:100%;}

.imgBlocExpert{max-height:600px;}

.topo {
color: #fff;
padding-left: 1.5%;}

.topo,.text{
text-align: justify;
line-height: 1.3;}

.pull-right+.topo {
padding-left: 0%;
padding-right:1.5%;}

.titre {
margin-top: 0px;
padding-top:28px;
margin-bottom: 30px;
max-height: 54px;
font: 23px "helvetica Neue", Helvetica, Arial;}

.text-orange {color: #ff7900;}

.text-blanc {color:#fff;}

.text-noir,.text {color: #000;}

.page {
padding-left: 45px;
padding-right: 45px;
padding-bottom:40px;}

.page-wide{padding-bottom: 10px;}

.page.bgGris.accueil{
padding-bottom:25px;
background-image:url('../img/angleBleu4.png');
background-repeat:no-repeat;}

.bgGris {background-color:#d4dde2;}

.docListe {
padding-left: 30px;
padding-right: 30px;}

.sousTitre {
color:#027dc1;
font: 18px "roboto_bold";
margin-bottom: 30px;
margin-top: 30px;}

.page:after, .grid8:after {
display: table;
content: " ";
clear:both;}

.cf {width:0px;height:0px;}

.titre3 {margin-left:45px;}

.blocDoc{
background-color: #fff;
border: 1px solid #abc2d2;
min-height: 44px;
padding-top: 10px;
margin-bottom: 2px;
cursor:pointer;}

.pictoDoc,.iconDoc{
width: 32px;
height: 32px;
margin-left: 7px;
margin-right: 9px;
margin-top: -5px;}

.iconDoc{
width: 22px;
height: 21px;
float:right;
margin-top:1px;
margin-left:0;}

.texte-doc{
width: 248px;
height: 17px;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;}

.carousel-control {
top:45%;
width:38px;
height:43px;
background-color:#fff;
border:1px solid #cdcdcd;
font-family:impact,helvetica,arial;
font-size:29px;
font-weight:700;
color:#ff7a00;
text-align:center;
text-shadow:1px 1px 2px rgba(0,0,0,0.6);
opacity:1;
filter:alpha(opacity=100);
-webkit-transition:300ms linear all;
-moz-transition:300ms linear all;
transition:300ms linear all;}

.carousel-control:focus,
.carousel-control:hover,
.carousel-control:active {
border:1px solid #d19e43;
color: #ff7a00;
text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
opacity: 1;
filter: alpha(opacity=100);}

.carousel-inner>.item>img {
width:100%;
min-height:100%;}

.subCarouselExpert {margin-top:42px;}

.captionExpertise, .captionRealisations {
right: 0;
left: 0;
bottom: 0;
padding-bottom: 0;
text-shadow: 0 0 0;
line-height: 65px;
background-color: rgba(0, 0, 0, 0.44);
text-align: left;
text-indent: 5%;
padding-top: 0;
max-height: 65px;
font-size:24px;
font-family:"roboto_med";}

.captionEntreprise/*, .smallCaption*/ {
right: auto;
left: 10%;
bottom: 10%;
border-radius: 6px;
font-size: 17px;
font-family: "roboto_bold";
background-color: rgba(254, 120, 0, 0.85);
line-height: 45px;
max-height: 45px;
padding: 0 14px;
padding-right: 20px;
max-width: 1000px;
overflow: hidden;}

/*.smallCaption {
height: 22px;
line-height: 10px;
left: 0;
text-align: left;
font-style: italic;
margin-left: -14px;
width: auto;
display: inline-block;
border-radius: 0 0 6px 6px;
font-size: 15px;}*/

#footer {background-color:#2c2c2c;}

.barreFooter {
height:10px;
background-color:#343434;}

#footerContact {
color:#bbb;
padding-top: 30px;}

.text-xl{font-size:22px;}

.text-l{font-size:18px;}

#footerContact>.text-xl,#footerContact>.linkPlaquette{font:20px/30px "roboto_light";}

#footerContact>.linkPlaquette{
display:block;
color:#bbb;
font-size:22px;
text-decoration: underline;
margin-top: 3px;}

#footerContact>.text-xl>.text-orange,#footerContact>.text-xl>a>.text-orange {font:20px "roboto_med";}

#footerContact>.text-xl>a:hover{text-decoration:none;}

.arobase{
margin-left: 1.5px;
margin-right: -0.5px;
margin-top: -1px;}

.blocAdresse {margin-top: 30px;}

.blocAdresse>.text-l{font-family:"roboto_med";}

.text-xl+.blocAdresse{
border-right: 1px solid #bbb;
padding-right: 20px;}

.blocAdresse+.blocAdresse{
border-right: none;
padding-left: 20px;}

.adresse{
margin-top: 8px;
color: #fff;}

.logo {
width:200px;
height:80px;}

.logoHeader {
vertical-align:-20px;
margin-top:11px;}

.logoTxt {
margin-left:17px;
margin-bottom:-6px;}

.logoFooter {
display:inline-block;
float:right;
margin-top:74px;}

.btn-orange>a{color:#fff;}

.footerBottom, .footerBottom>div>a {
color:#6d6d6d;
margin-top: 32px;
font-weight: 700;
-webkit-transition: 250ms linear all;
-moz-transition: 250ms linear all;
transition: 250ms linear all;}

.footerBottom>div>a:hover {
color:#999;
text-decoration:none;
cursor:pointer;}

#footer>.page {padding-bottom:12px;}

.grid {margin: 0 -15px;}

.troisExpertises {
text-align: center;
display: table;
border-collapse:separate;
border-spacing: 24px 0;
margin-left: -24px;
margin-right: -24px;}

.troisValeurs {
text-align: center;
border-spacing: 32px 0;
margin-left: 13px;
margin-right: 13px;
margin-top: -20px;}

.blocExpert {
display:table-cell !important;
background-color: #fff;
border-radius: 3px;
border: 1px solid #aac1d1;
margin-bottom: 15px;
padding: 25px 8px 15px;}

.troisValeurs>.blocExpert {
border: none;
padding: 25px 0px 15px;}

.titreBlocExpert {
color: #017dc3;
font-weight: 600;
padding-bottom: 10px;
font:18px 'roboto_bold';}

.carousel-indicators-img>li>img{width:100%;}

.textBlocExpert {
padding: 10px 12px;
text-align: justify;
line-height: 18px;
margin-bottom: 12px;
min-height: 128px;}

.btn-orange-big {
width: 113px;
height: 33px;
margin-left: 0;
padding: 0;
font: 12px 'roboto_black';}

.grid4 {
width:32.1%;
display:inline-block;
vertical-align: top;}
.grid8 {width:64.8%; display:inline-block;}
.gutterBig {margin-right:2.2%;}

.divImgBlocExpert,.divImgTopo{height:168px;overflow:hidden;}

.divImgTopo{width:30%;max-height:160px;}

.divImgHeader{width:30%;max-height:155px;}

.qui{
background-color: #007bc1;
background-image: url('../img/grad-dog.png'), url('../img/groupe.jpg');
background-position: center top, center top;
background-repeat: repeat,no-repeat;
background-size:18%, 100%;
min-height:469px;
text-align:center;
padding:5%;
padding-top:87%;
color:#fff;}

.qui>.textBlocExpert {
padding:10px 2px;
min-height:1px;}

.troisExpertises>.blocExpert>.textBlocExpert{min-height:130px;}

.troisValeurs>.blocExpert>.textBlocExpert{min-height:166px;}

.carousel-indicators-img {
list-style: none;
width:100%;
height:25px;
text-align:center;
padding:0;
margin:0;}

.carousel-indicators-img>li, .carousel-indicators .active {
width:19.286%;
display:inline-block;
background-color: #eee;
margin-right: 1px;
margin-left: 1px;}

#carousel-realisations .carousel-indicators li,
#carousel-realisations .carousel-indicators .active,
#carousel-realisations .carousel-indicators .left ,
#carousel-realisations .carousel-indicators .right{text-indent:0;border:none;}

#carousel-realisations .carousel-indicators-img>li{
height:89px;
border-bottom: 0px solid #ff7900;
-webkit-transition: 150ms linear all;
-moz-transition: 150ms linear all;
transition: 150ms linear all;
border-radius:0;}

#carousel-realisations .carousel-indicators-img>li:nth-child(5){margin-right:0;}

#carousel-realisations .carousel-indicators-img>li[class='active']{
border-bottom:4px solid #ff7900;
margin-top:1px;
height:93px;}

#carousel-realisations .carousel-indicators{
margin-left:-1px;
position:static;}

#carousel-entreprise>.carousel-inner>.item{height:602px;}

.carousel-indicators-img img,#carousel-realisations .carousel-indicators-img>li{vertical-align:top;}

.carousel-control.left,.carousel-control.right{background-image:none;}

.titre2{margin-bottom:24px;}

.imgGrid {
width: 100%;
max-width: 150px;
margin-bottom: 15px;}

.realBloc {
width: 24.2%;
display: inline-block;
vertical-align: text-top;}

.realBloc>.imgGrid {max-width: none;}

.real {
padding: 0 15px;
text-align: justify;
margin-bottom: 15px;}

#formContact {
background-color: #fff;
color: #333;
font-weight: 400;}

.contactInside {
min-width: 380px;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 15px;}

.contactLine {
width: 380px;
margin: 0 auto;
margin-left: 20%;
margin-bottom: 10px;}

label {
display: block;
width: 150px;
float: left;
text-align:left;
margin-bottom: 0;
font-weight: 400;}

.radioF {
display: inline-block;
vertical-align: text-bottom;
margin-right: 27px;
margin-left: 5px;}

#message {
width: 380px;
margin-top: 10px;
height: 85px;
font-weight: 400;
color: #333;
margin-left: 158px;
margin-top: -18px;}

.contactInside>button {margin-left: -216px;}

#mailAlerte {
font-size: 18px;
color: red;
padding-bottom: 15px;}

.grid>div {
display: inline-block;
float: none;
max-height: 192px;
margin-right: -4px;}

.imgBasique.pull-right {padding-left: 5px;}

textarea{box-shadow: inset 1px 1px 0px rgba(0,0,0,0.4);}

#carousel-realisations>.carousel-inner>.item {height:378px;overflow:hidden;}

#carousel-expertise>.carousel-inner>.item{height:557px;overflow:hidden;}

.carousel-indicators-img>li>img{height: 89px;}

.show-xs{display:none;}

/*** ADMIN ***/

.titreAdmin,.titreAdmin2 {
margin-top: 0px;
padding-top: 6px;
margin-bottom: 30px;
font: 28px "helvetica Neue", Helvetica, Arial;}

.titreAdmin2{
padding-top: 20px;
margin-bottom: 20px;
font-size: 25px;}

.titreAdmin3{
font-size: 21px;
padding-bottom: 25px;}

.titreAdmin4{
font-size: 17px;
margin-left: 4px;
margin-bottom: 7px;}

.titreAdmin5{
padding-top: 15px;
padding-bottom: 15px;}

.titreAdmin6{padding:0;}

.adminLoginBox{max-width: 325px;}

.adminConnexion{
float: right;
margin-right: 25px;}

.adminLabel{font-size: 15px;}

.adminRLink,.adminRefLink,.adminDocLink{
width: 18.7%;
display: inline-block;
text-align: center;
font-size: 23px;
line-height: 45px;
background-color: #EAEEF0;
border-radius: 8px;
margin-bottom: -10px;
margin-right:10px;
border: 1px solid rgba(50, 118, 177, 0.4);}

.adminRLinkLast{margin-right:0;}

.adminRefLink{
width:25%;
margin-left:4%;
margin-right:4%;}

.inputAdmin{width:325px;}

.shortLabel{width:75px;}

#adminTabRef{
float:left;
width:32%;
background:#fff;
height:175px;
margin: 7px;
border-radius: 9px;}

#adminTabRef td,#adminTabRef .form-group{text-align:center !important;}

#adminTabRef td:first-child{width:202px;}

#adminTabRef td+td{width:141px;}

#adminTabRef .imgAdmin{
width:auto;
max-width:198px;
height:auto;
max-height:150px;
border-radius:10px;
margin:auto;
padding: 12px;}

.titreEntreprise{
font-weight: 700;
margin-bottom: 15px;}

.adminDocLink{
width: 21%;
margin-left: 1%;
margin-right: 1%;}

.ajout1,.ajout2,.ajout3,.ajout4,.adminAddAccesLeft,.adminAddAccesRight{
display: inline-block;
vertical-align:top;
margin-right: 60px;}

input[type="checkbox"]{
position: relative;
bottom: -2px;}

.checkTxtAdmin{
display: inline-block;
margin-left: 7px;
padding-bottom: 5px;}

.imgAdmin{margin-bottom:20px;}

form>.ajout4>div>.imgAdmin{
display: inline-block;
width: 250px;
border-radius: 5px;}

.adminBtnBar{padding-top: 40px;}

.hrAdmin{
width: 100%;
margin: 50px auto;
border-top: 1px solid #428bca;}

#adminClient{
background-color: rgba(255, 255, 255, 0.44);
margin: 0 auto;
margin-top: 15px;}

#adminClient td{
text-align: center;
vertical-align: middle;
min-width: 180px;
height: 55px;
border: 1px solid #FFF;}

#adminClient>thead>tr>td{
height: 40px;
font-size: 22px;}

.tdLarge{width:350px;}

.inputAdminMDP{
position: relative;
top: 2px;}

.adminAddAccesLeft{margin-right: 30px;}

.btnAddAcces{margin-top:11px}

.labelLogo{
display:inline-block;
float:none;
width:130px;
text-align: left;
margin-bottom: 0;
font-weight: 400;}

.labelDoc{
max-width: 150px;
width: auto;
margin-right: 12px;}

#modal_photo,#modal_logerror,#modal_suppr{
background-color: #fff;
width: 85%;
text-align: center;
left: 50%;
overflow-y: auto;}

#modal_photo{
max-width: 576px;
height: 90%;
max-height: 540px;
margin-left: -288px;
margin-top: -270px;
top: 48%;}

#modal_logerror,#modal_suppr{
max-width: 476px;
height:75%;
max-height:139px;
margin-left: -238px;
margin-top: -58px;
top:28%;}

#modal_logerror>.modal-footer,#modal_suppr>.modal-footer{text-align:center;}

.docAjout{
display:inline-block;
vertical-align:top;
width:325px;
margin:12px 15px;
background-color:#fff;
padding:25px;
border-radius:9px;}

.docAjout>.form-group{margin-bottom:0;}

.liste>form>.ajout4{margin:0;}

.form-group{text-align:left;}

.btn-supReaAdmin{
margin-top: -48px;
margin-right: 296px;
float: right;}

.btn-supDocuAdmin{
margin-top:-84px;
margin-left:190px;}

.dropLine{
margin: 10px;
margin-bottom: 5px;
font-size: 15px;
display: inline-block;
width: 245px;
border: 2px solid #FFA300;
border-radius: 5px;
padding: 5px;
background-color: #fff;}

.dropHalf{
display: inline-block;
width: 49%;
vertical-align: top;}

.adminIcoFile,.icoDocuAdmin,.dropIco{border-radius: 5px;}

.dropIco{
width:30px;
height:30px;
margin-right: 10px;}

.ibm,.labelClient,.dropIco,.dropName{
display:inline-block;
vertical-align:middle;}

.dropName {
width:185px;
max-height: 21px;
overflow:hidden;
text-overflow:ellipsis;}

.dropBack{
font: bold 25px/25px arial;
margin-left: 15px;
color: white;
text-shadow: 0 0 4px #999;
text-decoration: underline;}

.icoDocuAdmin{
margin-right:5px;
margin-top:-6px;}

.adminIcoFile{margin-right:7px;}

.mt3{margin-top:3px;}

.modal>.modal-footer{
padding:10px 20px;
margin-top:0;}

.modal>.modal-header{
padding:10px;
padding-bottom:3px;}

.topo,.text{font:15px/1.5 tahoma;}

.media+.media{margin-top:35px;}

.page>.media{margin-top:40px;}

.troisValeurs .btn,.fallback{display:none;}

.alert66{width:66.67%;margin-right:auto;margin-left:auto;}

.inputAdminMdp::-webkit-input-placeholder{color:#333;}

.inputAdminMdp:-moz-placeholder{color:#333;}

.inputAdminMdp::-moz-placeholder{color:#333;}

.inputAdminMdp:-ms-input-placeholder{color:#333;}

hr.hrRef{
margin: 15px 45px;
margin-top: 0;
height:1px;
border:2px solid #e9e9e9;}

/* 404 */

#error404{
background-color:#fff;
text-align: center;}

.logo_Dogetel_big{
width:798px;
height:318px;
margin-top:35px;
margin-left:-109px;}

.error404_txt1{
font:bold 174px/225px arial;
color:darkgoldenrod;}

.error404_txt2,.error404_link{
font:bold 25px/38px arial;
color:rgb(94, 139, 255);}

.error404_link:hover,.error404_link:focus,.error404_link:active{cursor:pointer;}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
/*.carousel-indicators-img {margin-top:-13px;}*/
textarea{border-color: #aaa;}
} /* Hack chrome */

@media (min-width:768px) {.navbar-form.navbar-right:last-child {margin-right: 0;}}

@media (min-width:767px) and (max-width: 991px){
.qui {
background-position:center top, right top;
background-size:auto, 128%;}
}

@media (max-width:1199px) {
.contactInside>button {margin-left:-99px;}
.captionRealisations {
line-height:50px;
font-size:19px;
max-height:50px;}
.carousel-indicators-img>li,.carousel-indicators .active{width:19%;}
.qui {
padding-top:75%;
min-height:381px;}
.divImgBlocExpert {height:134px;}
.textBlocExpert {min-height: 146px;}
#carousel-realisations>.carousel-inner>.item {height:308px;}
.troisExpertises>.blocExpert>.textBlocExpert{min-height:150px;}
.troisValeurs>.blocExpert>.textBlocExpert{min-height:203px;}

#carousel-entreprise>.carousel-inner>.item {height:500px;}
#carousel-expertise>.carousel-inner>.item {height:468px;}

#carousel-realisations .carousel-indicators-img>li,.carousel-indicators-img>li>img {height:72px;}
#carousel-realisations .carousel-indicators-img>li[class='active'] {height:76px;}

.page {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 35px;}

.sousTitre {
margin-bottom: 25px;
margin-top: 25px;}

.media{
margin:0 auto;
margin-top: 15px;}

.topo,.text{font: 15px/1.4 tahoma;}

.divImgTopo{max-height:150px;height:auto;}

.texte-doc{width:175px;}
}

@media (max-width: 991px) {
.contactLine {margin-left: 16%;}
.contactInside>button {margin-left: -19px;}
#message {width: 320px;}
.captionRealisations {
line-height: 40px;
font-size: 16px;
max-height: 40px;}
.captionExpertise {
line-height: 55px;
font-size: 16px;
max-height: 55px;}
.logoFooter {margin-top: -76px;}
.footerBottom {font-size: 11px;}
.carousel-indicators-img>li,.carousel-indicators .active {width:18.75%;}
.imgHeader, .imgBasique {max-height:180px;}
.qui {
padding-top:46%;
min-height:286px;}
.divImgBlocExpert {height:96px;}
#nav-header>div>a {font-size:13px;}
#carousel-realisations>.carousel-inner>.item {height:227px;}
.troisExpertises>.blocExpert>.textBlocExpert {min-height:236px;}
.troisValeurs>.blocExpert>.textBlocExpert{min-height:90px;}

#carousel-entreprise>.carousel-inner>.item {height:386px;}
#carousel-expertise>.carousel-inner>.item {height:361px;}

#carousel-realisations .carousel-indicators-img>li,.carousel-indicators-img>li>img {height:59px;}
#carousel-realisations .carousel-indicators-img>li[class='active']{
height:62px;
border-bottom:3px solid #ff7900;}

.page {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 32px;}

.sousTitre {
margin-bottom: 22px;
margin-top: 22px;}
.hide-s,.logoFooter{display:none;}
.footerBottom>.col-xs-4{padding-right:0}
.footerBottom>.col-xs-8{padding-right:10px}

.topo,.text{font: 14px/1.3 tahoma;}

.divImgTopo{max-height:135px;}

.texte-doc{width:112px;}

.logo_Dogetel_big{
width:78%;
height:auto;
margin-top:32px;
margin-left:-5%;}

.hide-sm{display:none;}
}

@media (max-width:767px) {
h2,h3{text-align:center;margin-left:auto !important;margin-right:auto !important;}
#header1{height:103px;}
.logoHeader{margin-left:12px;}
#header2{height:61px;}
#nav-header>.col-xs-2{
width:33.3333333333333333333333%;
height:30px;
line-height:35px;}
.navbar-form{
padding-top:0;
padding-bottom:0;
margin-right:0;
margin-left:0;
border:0;
-webkit-box-shadow:none;
box-shadow:none;}
.troisValeurs{margin-right:0;margin-left:0;}
.troisExpertises>.grid4,.troisValeurs>.grid4 {
width:96%;
display:block !important;
margin-right:auto;
margin-left:auto;}
.divImgBlocExpert{height:auto;}
.imgBlocExpert{
width:96%;
min-width:160px;}
.troisExpertises>.blocExpert>.textBlocExpert,.troisValeurs>.blocExpert>.textBlocExpert{
min-height:0;
/*width:85%;*/
min-width:160px;
margin:auto;}
.troisExpertises{
border-spacing:0 0;
margin-left:0;
margin-right:0;}
.accueilBottom>.grid4{width: 96%;}
.imgHeader, .imgBasique {min-height:80px;}
#carousel-entreprise>.carousel-inner>.item{height:314px;}
#carousel-expertise>.carousel-inner>.item{height:294px;}
.sousHeader>.media {width:100%;}
.contactInside>button {margin-left:37px;}
#message {width: 270px;}
.realBloc {width: 48.4%;}
.real {text-align: left;}
#nav-header {width: 100%;}
.labelClient {vertical-align: middle;}
.accueilBottom{height:auto}
.carousel-indicators-img>li,
.carousel-indicators .active {
width:18.4%;}
.page{
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px;}
.sousHeader{padding:30px;}
.accueil,.accueilBottom{text-align:center;}
.sousTitre {
margin-bottom:20px;
margin-top:20px;}
.footerBottom>.col-xs-4{
padding-right:0;
width: 100%;
float: none;
display: block;
margin-bottom: 5px;}
.footerBottom>.col-xs-8{
padding-right:10px;
width:100%;
text-align:center;}
#footerContact{margin-left:20px;}
.blocAdresse{margin-top:20px;}

.accueilBottom>.grid8,.hide-xs,#nav-header>.col-xs-2>.sep,.iconDoc{display:none;}
.show-xs{display:block;}

.topo,.text{font: 13px/1.3 tahoma;}

.divImgTopo{max-height:120px;max-width:40%;width:40%;}

.texte-doc{width:115px;}

.pictoDoc, .iconDoc {
margin-left: 4px;
margin-right: 2px;}

.error404_txt1{font:bold 134px/185px arial;}

.error404_txt2,.error404_link{font:bold 22px/33px arial;}
}

@media (max-width: 625px) {
.contactLine {margin-left: 8%;}
.contactInside>button {margin-left: 84px;}
#message {width: 250px;}
.carousel-indicators-img>li,
.carousel-indicators .active {
width:18.3%;}
.page {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 25px;}
.sousHeader{padding:20px;}
.sousTitre {
margin-bottom:18px;
margin-top:18px;}
.form-header{width:115px;}
#carousel-entreprise>.carousel-inner>.item{height:271px;}
#carousel-expertise>.carousel-inner>.item{height:254px;}
/*.media,.imgBlocExpert,.troisExpertises>.blocExpert>.textBlocExpert,.troisValeurs>.blocExpert>.textBlocExpert{width:88%;}*/
.footerBottom>.col-xs-8 {text-align: left;}
.logoTxt,.hide-xxs,.pictoDoc{display:none;}
.divImgTopo{max-width:45%;width:45%;}

.texte-doc {
width: 100%;
text-align: center;}

.error404_txt1{font:bold 124px/175px arial;}

.error404_txt2,.error404_link{font:bold 18px/28px arial;}
}

@media (max-width:540px) {
#carousel-entreprise>.carousel-inner>.item{height:239px;}
#carousel-expertise>.carousel-inner>.item{height:224px;}
/*.media,.imgBlocExpert,.troisExpertises>.blocExpert>.textBlocExpert,.troisValeurs>.blocExpert>.textBlocExpert{width:90%;}*/
.form-header{width:100px;}
.contactLine{margin-left:3.5%;}
.footerBottom {font-size: 10.4px;}
.container{min-width:464px;}

.error404_txt1{font:bold 124px/175px arial;}

.error404_txt2,.error404_link{font:bold 17px/26px arial;}
}