@charset "utf-8";
/* CSS Document */
/*-------------------------------------SQUELLETE--------------------------------------*/
*{margin:0; padding:0;  -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
			}
body{background:#455157}
.largeur_p100{width:100%; margin:auto}
.largeur_page{width:1100px; margin:auto}
.largeur_page_demi{width:50%; margin:auto; float:left; padding:0 10px;}
.largeur_page_tier{width:33%; margin:auto; float:left;}
.largeur_page_tier2{width:66%; margin:auto; float:left;}
.padding_left_30{padding-left:30px}
.padding_right_30{padding-right:30px}
.img_gauche{float:left; margin-right:5px}
.img_droite{float:right; margin-right:5px}
.img_centre{display:block; margin:auto}
.sep{height:0px; margin:auto; width:100%; clear:both} 
#principale{background:#FFF; border-radius:0px 0px 12px 12px; padding-bottom:25px;}
.radius3{border-radius:3px; }
.radius5{border-radius:5px; }
.radius7{border-radius:7px; }

/*---------typographie-------*/
body{font: normal 12px/16px Roboto, sans-serif; letter-spacing:0.06em; color:#333}
a{color:#61b8e0; text-decoration:none}
hr{clear:both;}
h1{color:#363636;}
h2{color:#363636; margin-bottom:10px; margin-top:10px}
h3{color:#4fcbd7; margin-bottom:10px; margin-top:10px}
h4{font: 700 38px/44px Roboto, sans-serif; color: #003265; text-transform: uppercase; letter-spacing: -0.06em; margin-bottom:20px}
h5{font:700 28px/30px Roboto, sans-serif; margin-bottom:25px; color: #3c9eca }
h6{font:400 26px/30px Roboto, sans-serif; margin:5px auto 15px auto; color:#3c9eca; text-transform:uppercase}
h7{font:300 24px/30px Roboto, sans-serif; margin:5px auto 15px auto; color:#0095da; display:block}
.texte_medium{font:400 14px/18px Roboto, sans-serif; color:#393939;}
.texte_large{font:400 18px/22px Roboto, sans-serif; color:#393939}
.text_justify{text-align:justify;}
/*---------------------------*/

/*---------Bouton-------*/
a.lire_suite, a.plus_info_bleu, a.plus_info_rouge{display: block; color:#FFF; margin:10px auto; text-align:center; }
a.lire_suite{width:145px; background:#61b8e0; padding:7px; margin-top:25px; font-size:14px}
a.plus_info_bleu{width:145px; background:#61b8e0; padding:3px; text-transform:uppercase}
a.plus_info_rouge{width:105px; background:#a90000; padding:3px; text-transform:uppercase; font-size:11px}
/*---------------------------*

/*-----------Top------------*/
#top{background:#FFF url(images/bg_top.jpg) no-repeat 50% 10%; padding-bottom:10px}
#logo{height:100%; width:350px; float:left; margin:auto 10px; overflow:hidden; position:relative; top:19px}
#logo img{height:auto; width:100%}
#menu_principale{ height:100%; background: url(images/fournisseur.jpg) right 10px no-repeat; float:right; margin-right:10px}
#menu_principale ul{list-style:none; height:100%; margin-top:55px}
#menu_principale ul li{float:left; padding:15px 3px 3px; margin:auto}
#menu_principale ul li a{font-size:15px; font-weight:600; text-transform:uppercase; display:block; margin:0.008%; color:#368baf; width:auto; transition:all .2s ease; padding:5px 11px; border-radius:5px}
#menu_principale ul li a:hover, #menu_principale ul li a.menu_selected{color:#FFF; background:#00628d;}
#top_ligne{height:3px; background:#61b8e0; border-bottom:1px solid #dfe8ec}
/*---------------------------*/

/*-----------Pied------------*/
#pied{height:100%; width:100%; margin-top:0px}
#pied_sous{color: #FFF; margin-top:5px; display:table; padding:5px}
#pied_sous a{color: #FFF}
.pied_bloc, .pied_sep{display:table-cell; width:250px; margin:3px 7px 3px auto; padding:3px}
.pied_sep{border-left:1px dotted #FFFFFF; width:1px; padding:0px }
.pied_bloc_sous{width:auto; padding-left:30px; margin:11px 5px 0px 5px; min-height:20px}
.pied_bloc h3{margin-bottom:20px; text-transform:uppercase; font-weight:400; font-size:16px; letter-spacing:1px; text-align:center}
.place_bg{background:url(images/place.png) 5px 0px no-repeat}
.phone_bg{background:url(images/phone2.png) 5px 0px no-repeat}
.mobile_bg{background:url(images/mobile2.png) 5px 0px no-repeat}
.email_bg{background:url(images/email2.png) 5px 0px no-repeat}
.fax_bg{background:url(images/fax2.png) 5px 0px no-repeat}

.cont_cat_pieds{margin-bottom:7px; font-size:13px}
.cont_cat_pieds div a{display:block; margin-top:5px; padding-left:10px}
.cont_cat_pieds div a:hover{background:url(images/puce.png) no-repeat}
.cont_cat_pieds span{font-size:14px; padding-left:10px; background:url(images/puce.png) no-repeat}
.cont_cat_pieds div{margin-left:10px; height:0px; transition:ease 1s all; overflow:hidden}
.cont_cat_pieds:hover div{height:auto;}

ul#menu_pied{list-style:none; font-size:15px; font-weight:400; margin-left:20px }
ul#menu_pied li{padding-left:10px; margin-bottom:5px; background:url(images/puce.png)0px 3px no-repeat; transition:ease .1s all}
ul#menu_pied li:hover{padding-left:20px; background:url(images/puce.png)0px 3px no-repeat}
.img_effet{transform: scale(1); transition:all 0.35s ease}
.img_effet:hover{ box-shadow:0 0 11px #0095da; transform: scale(1.25)}
#img_catalogue{width:99%; height:auto}
#copyright{color:#FFF; text-align:center}
/*---------------------------*/

/*---------Banierre---------*/
#banierre{background:#232323; height:370px; border-bottom:5px solid #00628d; overflow:hidden}
/*-------------------------*/




/*----------------------------------------------------------------------------------*/

/*-------------------------ADC ELectronique-----------------------*/

#gotoTop {
    display: none;
    position: fixed;
    width: 40px;
    height: 40px;
	background:url(images/top.png) center center no-repeat;
    background-color: #61b8e0;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}		

/*----------------INDEX---------------------*/
#cont_welcome img{margin:0px 40px 0px 90px;}
#welcome, .texte-centrer{text-align:center; padding-bottom:25px; padding-top:25px}
#welcome h5, .texte-centrer h5{margin-bottom:10px; margin-top:0px}


#index_service{ background:url(images/back_services_index_adc_electronique.jpg) 0px 0px no-repeat #03101e ; color:#FFF; padding: 20px 31px}
.cont_index_service{width:340px; float:left; height:250px; font-size:13px; cursor:pointer; position:relative; border:1px solid #FFF; overflow:hidden;}
.cont_index_service + .cont_index_service{border-left:none}
.cont_index_service img{display:block; position:absolute; z-index:1}

.cont_service{position:relative; width:100%; height:100%; top:200px; background:none; z-index:3}
.cont_service img{display:block; position:absolute; bottom:50px; left:125px}
.text_service{position:absolute; z-index:2; text-align:center}
.text_service h3{color:#FFFFFF; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:15px; margin:10px auto 21px; font-weight:700}
.text_service p {font-size:13px; padding:10px; text-align:center; color:#FFF}
.trans_col_service{position:absolute; top:0px; right:0px; bottom:0px; left:0px; background:#010432;  opacity:0.5;
                        -moz-opacity:0.5;
                        -khtml-opacity:0.5;
                        filter:alpha(opacity=70); z-index:1 }

#index_service h7, #index_service h6{color:#FFF}
#index_produits_promotions h6{color:#a90000; font-size:22px; margin-left:10px; margin-bottom:0px}
#index_produits{padding-top:20px; border-top:1px dotted #61b8e0}
#catalogue{width:700px; height:auto;}

/*-----------------------------------------*/

/*-------------------Contact---------------*/
#form_contact{}
#form_contact input, #form_contact textarea{width:100%; padding:7px; margin:10px auto}
#form_contact .demi{width:40%}
#form_contact span.titre{width:9%; display:inline-block; text-align:center}
#form_contact input[type="submit"]{width:75px; display:block; }
#img_contact{max-width:90%; height:auto; display:block; margin:auto auto 25px; font-size:14px; line-height:24px}
#info_contact div{margin:auto auto 6px 10px}
#info_contact div span{font-weight:bold}
#map_cont{height:100%; width:100%;}
/*-----------------------------------------*/


/*-------------------Solution---------------*/
.solution_img_cont{margin:10px auto; padding-bottom:20px; width:700px; background:url(images/ombre.jpg) bottom center no-repeat}
.solution_img_cont img{width:100%; height:auto}
.solution_cont{margin:0px auto 30px 25px; padding-top:10px; border-top:1px dotted #03101e }
ul#menu_solution{list-style:none; background:#073C5A; margin:10px auto auto 25px; overflow:hidden; width:340px}
ul#menu_solution li{padding:7px 10px 7px 20px; border:1px solid #015278; position:relative}
ul#menu_solution li .sous_li_solution{position:absolute; top:1px; bottom:1px; left:-310px; width:315px; background:#3c9eca; z-index:1; transition:0.2s ease all}
ul#menu_solution li:hover .sous_li_solution{left:10px}
ul#menu_solution li a{color:#FFF; text-transform:uppercase; font-size:14px; display:block; position:relative; z-index:2}
.menu_static{position:fixed; top:10px;}
/*-----------------------------------------*/


/*-----------------------------------------*/


/*--------------Présentation--------------*/
.largeur_90p{width:90%; margin:auto}
#img_presentation{margin-right:30px}
.presentation_img_cont{margin:auto 10px ; padding-bottom:10px; width:320px; background:url(images/ombre.jpg) bottom center no-repeat; background-size:contain; float:left}
#qui_somme_nous{ background:#E2E7E3 url(images/bg_presentaion.jpg) no-repeat bottom left; padding:45px 0px; margin:35px auto auto 30px; box-shadow:0 0 5px #7C7C7C; border:1px solid #FFF}
/*-----------------------------------------*/


/*-------------------Slide---------------*/
.ls-layer h1, .ls-layer h2, .ls-layer h3, .ls-layer h4, .ls-layer h5, .ls-layer h6 { font-weight:400;}
			.ls-layer h2 { font-weight:300; font-size:49px;}
			.ls-layer h1 {text-transform:uppercase; line-height:56px; font-weight:bold; color:#FFF}
			.ls-layer h4 { border:1px solid #FFFFFF; border-width:1px 0; padding:16px 0; margin:40px 0;}
			.ls-layer h3 { color:#FFF; }
			.ls-layer p { line-height:26px; }

			.l1-s1s {
				height: 110px;
				color: white;
				background: #0093d0;
				opacity: .74;
				filter: alpha(opacity=70);
				width: 650px;
				text-align: center;
			}
			
			.l2-s1s {
				color: white;
				background: white;
				opacity: .69;
				filter: alpha(opacity=60); 
				white-space: nowrap;
				left:0;
			}
			h1.l2-s1s { background:#ff9900; opacity: .76; filter: alpha(opacity=70); }
			
			.l3-s1 {
				width:440px;
				padding-bottom:12px;
				color: white;
				background: white;
				opacity: .59;
				box-shadow: 0px 4px 10px -5px black;

			}
			.button{
				-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 0 none;
color: #fff;
display: inline-block;
font-size: 14px;
text-transform: capitalize;
font-weight: 400;
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
text-shadow: 0 -1px rgba(0, 0, 0, .29);
cursor: pointer;
margin-bottom: 21px;
line-height: 1;
padding: 15px 40px;
background: #9bd3ae;
			}
			#layerslider h4{font-size: 21px; line-height: 30px; margin-bottom: 12px; color:white}
/*---------------------------------------*/