/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
}

.body_acc {
	background:url(images/pix_page_acc.jpg) repeat-x  #BCCAD3;
}


.body_prestation {
	background:url(images/pix_pag_prestation.jpg) repeat-x  #BCCAD3;
}


.body_ctc {
	background:url(images/pix_ctc.jpg) repeat-x #FFFFFF;
}


h2, h3 , h4 , h5, p  {
	
	display:block;
	margin:0;
	padding:0;
}


ul, li {
	padding:0;
	margin:0;
}

ul  {
	list-style:none;
}


a {
	text-decoration:none;
	
}


a:hover {
	text-decoration:none;

}

#gabari {
	margin:0 auto;
	width:955px;
}

.align_gauche {
	float:left;
}

#colon_g {
	width:464px;
	float:left;
}
#colon_g p{
	color:#000;
}
#colon_d {
	width:441px;
	float:left;
	padding:0 0 0 35px;
}
.aligner {
	text-align:justify;
}
/*---------------------------CSS accueil---------------------------------*/

#header {
	width:955px;
	height:315px;
	background:url(images/arr_top_acc.jpg) no-repeat;
	float:left;
	padding:3px 0 0 0;
}





#list_haut {
	width:728px;
	height:16px;
	float:left;
	padding:0px 117px 0 110px;
	font-size:14px;
	font-weight:bolder;
}

#list_haut ul{
   list-style-type:none;

}

#list_haut li {
	float:left;
	padding:0 0 0 28px;
	letter-spacing:2px;
}

#list_haut .none {
	padding:0;
}	



#menu_haut {
	width:955px;
	float:left;
	padding-top:260px;
	
}

#menu_haut ul {
	list-style-type:none;
	width:773px;
	padding:6px 0 0 182px;
 
}

#menu_haut li {
	float:left;
}

#corp_page {
	width:955px;
	float:left;
}


#accueil  a{
	display:block;
	background:url(images/acc_off.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 32px 0 0;
	width:73px;
	height:31px;
	margin:0 19px 0 0;
	
}
#accueil  a:hover{
	display:block;
	background:url(images/acc_on.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 32px 0 0;
	width:73px;
	height:31px;
	margin:0 19px 0 0;
	
}
#accueil  a.actif{
	display:block;
	background:url(images/acc_on.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 32px 0 0;
	width:73px;
	height:31px;
	margin:0 19px 0 0;
	
}



#pre_prof  a{
	display:block;
	background:url(images/pre_prof_off.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 4px 0 0;
	width:177px;
	height:31px;
	margin:0 40px 0 0;
	
}
#pre_prof  a:hover{
	display:block;
	background:url(images/pre_prof_on.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 4px 0 0;
	width:177px;
	height:31px;
	margin:0 40px 0 0;
	
}


#pretation  a{
	display:block;
	background:url(images/prestation_off.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 40px 0 0;
	width:113px;
	height:31px;
	margin:0 25px 0 0;
	
}
#pretation  a:hover{
	display:block;
	background:url(images/prestation_on.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 40px 0 0;
	width:113px;
	height:31px;
	margin:0 25px 0 0;
	
}



#contact  a:hover{
	display:block;
	background:url(images/bt_ctc_on.jpg) no-repeat;
	border:none;
	padding:0 0 0 30px;
	width:77px;
	height:31px;
	
}

#contact a {
	display:block;
	background:url(images/bt_ctc_off.jpg) no-repeat;
	border:none;
	padding:0 0 0 30px;
	width:77px;
	height:31px;
	
}




#bloc_noprd {
	width:570px;
	float:left;
	padding:0 0 0 5px;
}

#bloc_noprd h3{
	width:334px;
	height:24px;
	color:#EAEEF1;
	letter-spacing:6px;
	font-size:16px;
	background:url(images/arr-titr-sel.jpg) no-repeat;
	padding:3px 0 0 10px;

}

#bloc_noprd p{
	color:#000;
	padding:7px 12px 5px 135px;
	text-align:justify;

}
.detail_bd {
	float:left;
	margin:0 0 0 132px;
	
}

#infoplus a{
	padding:0 0 0 135px;
	color:#FF8400;
	
}

#infoplus a:hover{
	color:#FFF;
	
}
.align_foto_clav {
	float:left;
	margin:10px 0 0 0;
}

.align_foto_pc {
	float:right;
	margin: 0 0 0 10px;
}



#list_service {
	float:left;
	width:175px;
	background-color:#BECBD4;
	background:url(images/bag_list.jpg) no-repeat;
	margin:0 0 0 5px;
	color:#FB890E;
	font-size:11px;
}


#list_service ul{
	padding:7px 0 0 7px;
}


#list_service li {
	background:url(images/flesh.gif) 0 7px no-repeat;
	padding:5px 0 0 15px;

}

#list_service li a{
	color:#000;
}

#list_service li a:hover{
	color:#FB890E;
}

#devi {
	width:200px;
	float:left;
}


#devi p{
	font-size:14px;
	color:#FB890E;
	font-weight:bold;
	width:90px;
	
}
.align_foto_hp {
	float:right;
	margin:5px 0 0 0;
 }
 
 .align_foto_netgear {
 	float:left;
	margin:9px 0 0 0;
 }
 
 .align_foto_pro {
 	float:left;
	margin:0 0 5px 0;
 }
 
 
 /*----------------CSS prestation-----------------*/
 
 #bloc_top {
 float:left;
 width:955px;
 }

#gabari_corp {
width:100%;
float:left;
background-color:#BCCAD3;
}

#corp_center{
width:955px;
margin:0 auto;

}

#pix_header {
	width:100%;
	height:138px;
	background:url(images/pix_header.jpg) repeat-x;
}
#header_prestation {
	width:955px;
	height:138px;
	background:url(images/bag_header_prestation.jpg) no-repeat;
	margin:0 auto;
}

.align_logo {
	float:left;
	margin:26px 0 0 27px;
}

#menu_haut_prestation {
	width:955px;
	float:left;
	
	
}

#menu_haut_prestation ul {
	list-style-type:none;
	width:773px;
	padding:1px 0 0 182px;
 
}

#menu_haut_prestation li {
	float:left;
}


#accueil_pre  a{
	display:block;
	background:url(images/acc_pre_off.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 32px 0 0;
	width:72px;
	height:32px;
	margin:0 19px 0 0;
	
}
#accueil_pre  a:hover{
	display:block;
	background:url(images/acc_pre_on.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 32px 0 0;
	width:72px;
	height:34px;
	margin:0 19px 0 0;
	
}




#pre_prof_prestation  a{
	display:block;
	background:url(images/prof_off.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 20px 0 0;
	width:160px;
	height:32px;
	margin:0 40px 0 0;
	
}
#pre_prof_prestation  a:hover{
	display:block;
	background:url(images/prof_onn.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 20px 0 0;
	width:160px;
	height:32px;
	margin:0 40px 0 0;
	
}
#pre_prof_prestation  a.actif_pre{
	display:block;
	background:url(images/prof_onn.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 20px 0 0;
	width:160px;
	height:32px;
	margin:0 40px 0 0;
	
}

#pretation_pre  a{
	display:block;
	background:url(images/prestation_pre_off.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 40px 0 0;
	width:113px;
	height:32px;
	margin:0 25px 0 0;
	
}
#pretation_pre  a:hover{
	display:block;
	background:url(images/prestation_pre_on.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 40px 0 0;
	width:113px;
	height:32px;
	margin:0 25px 0 0;
	
}
#pretation_pre  a.actif_pre{
	display:block;
	background:url(images/prestation_pre_on.jpg) no-repeat;
	border-right:1px #BCCAD3 solid ;
	padding:0 40px 0 0;
	width:113px;
	height:32px;
	margin:0 25px 0 0;
}


#contact_pre  a:hover{
	display:block;
	background:url(images/contact_on.jpg) no-repeat;
	border:none;
	padding:0 0 0 30px;
	width:77px;
	height:31px;
	
}
#contact_pre  a.actif_pre{
	display:block;
	background:url(images/contact_on.jpg) no-repeat;
	border:none;
	padding:0 0 0 30px;
	width:77px;
	height:31px;
	
}
#contact_pre a {
	display:block;
	background:url(images/contact_off.jpg) no-repeat;
	border:none;
	padding:0 0 0 30px;
	width:77px;
	height:31px;
	
}

#bloc_instalation {
	width:436px;
	float:left;
	padding:8px 0 0 15px;
}

#bloc_instalation h3{
	width:436px;
	height:22px;
	color:#FF8602;
	font-size:13px;
	background:url(images/arr_titr_prestation.jpg) no-repeat;
	padding:5px 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

#sous_bloc_instalation {
	width:439px;
	float:left;
	background:url(images/arr_bloc_instalation.jpg) no-repeat;
}

#sous_bloc_instalation p{
	color:#000;
	padding:10px 210px 5px 15px;
}





#bloc_reseau {
	width:456px;
	float:left;
	padding:8px 0 0 0;
}

#bloc_reseau h3{
	width:438px;
	height:22px;
	color:#FF8602;
	font-size:13px;
	background:url(images/arr_titr_prestation.jpg) no-repeat;
	padding:5px 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

#sous_bloc_reseau {
	width:439px;
	float:left;
	background:url(images/arr_bloc_resau.jpg) no-repeat;
}

#sous_bloc_reseau p{
	color:#000;
	padding:10px 210px 5px 15px;	
	text-align:justify;
}

.align_droite { 
	float:right;
	margin:18px 20px 0 0;
}

#content_bloc_orange {
	width:436px;
	float:left;
	padding:5px 0 0 15px;
	
	}

#content_bloc_orange h3{
	width:300px;
	height:25px;
	color:#FF8602;
	font-size:15px;
	background:url(images/flesh_titre.jpg) left no-repeat;
	padding:5px 0 0 35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#contant_pix_orange {
	width:436px;
	float:left;
	background:url(images/pix_bloc_orange.jpg) repeat-y;
}

#bloc_orange {
	width:436px;
	float:left;
	background:url(images/arr_bloc_orange.jpg) no-repeat;

}

#bloc_orange p{
	color:#FFFFFF;
	padding:15px 200px 5px 15px;	
	text-align:justify;
	
}
#bloc_orange ul{
	color:#FFFFFF;
	padding:15px 0 5px 15px;
	float:left;
	
	
		
}
#bloc_orange li{
	background:url(images/multi_flesh.gif) left no-repeat;
	padding:0 0 0 20px;

}

.align_pc {
	float:right;
	
}



#content_bloc_materiel {
	width:456px;
	float:left;
	padding:5px 0 0 0px;
}

#content_bloc_materiel h3{
	width:300px;
	height:25px;
	color:#0093D3;
	font-size:15px;
	background:url(images/flesh_bleu.gif) left no-repeat;
	padding:5px 0 0 35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bloc_maintenance {
	width:439px;
	float:left;
	background:url(images/arr_bloc_maintenance.jpg) no-repeat;
}



#bloc_maintenance ul{
	color:#000;
	padding:15px 205px 5px 5px;
	float:left;
	
}

#bloc_maintenance li{
	background:url(images/flesh_orange.gif) left 12% no-repeat;
	padding:0 0 5px 20px;

}

.align_tel {
	float:left;
	margin:10px 0 0 30px;
}

#bloc_fix{
	float:left;
	height:290px;
}
.align_mat {
	float:right;
	margin:18px 10px 0 0;
}

#bas_cont_bloc {
	width:436px;
	height:40px;
	float:left;
	background:url(images/bas_bloc_orange.jpg) no-repeat ; 
	position:relative;

}

.proj {
	position:absolute;
	right: 15px;
	top: -40px;
}

/*---------------- CSS menu bas prestation------------------*/


#gabari_bas {
    clear:both;
	width:100%;
	background-color:#FFFFFF;
	
	
}

#menu_bas_prestation {
	margin:0 auto;
	width:955px;
	height:33px;
	text-align:center;
	color:#000000;
	background-color:#FFFFFF;
	padding-top:10px;
	position:relative;
}

#menu_bas_prestation p{
font-weight:normal;
}

#menu_bas_prestation ul {
	list-style-type:none;
	font-size:10px;
	font-weight:bold;
	
}
 
#menu_bas_prestation li {
	display:inline;
}
 
 
#menu_bas_prestation li a{
	color:#000000;
	
}
 
#menu_bas_prestation li a:hover{
	color:#F07901;
}

#menu_bas_prestation p{
	font-size:11px;
}

#menu_bas_prestation span{
	position:relative;
	top:5px;
}
/*----------------CSS Contact bas------------------*/

#bas_ctc {
	width:776px;
	height:30px;
	float:left;
	background:url(images/arr_ctc_bas.gif) no-repeat left bottom;
	margin:5px 0 5px 0;
	
}

#bas_ctc p{
	text-align:center;
	font-size:10px;
	color:#FFEFBB;
	padding:3px 0 0 0;
}


.posistion{
	position:relative;
	top:7px;

}

#content_bloc_ctc {
	width:523px;
	float:left;
	background-color:#FFEFBB;
	
}


/*---------------- CSS menu bas------------------*/

#menu_bas_acc {
	width:955px;
	height:33px;
	float:left;
	text-align:center;
	color:#000000;
	margin:10px 0 0 0;
	
}


#menu_bas_acc ul {
	list-style-type:none;
	font-size:10px;
	font-weight:bold;
	
}
 
#menu_bas_acc li {
	display:inline;
}
 
 
#menu_bas_acc li a{
	color:#000000;
	
}
 
#menu_bas_acc li a:hover{
	color:#F07901;
}

#menu_bas_acc p{
	font-size:11px;
	font-weight:normal;
}

#menu_bas_acc span{
	position:relative;
	top:5px;
}
/*-----------------------CSS footer------------------------*/

#footer_acc {

	width:955px;
	text-align:center;
	float:left;
	margin:10px 0 0 0;
	
} 

#footer_acc p{
	font-size:8px;
	font-weight:bold;
}

#footer_acc a{
	font-size:9px;
	border:none;
	color:#8E8F90; 

}

#footer_acc a:hover{
	color:#FD8306;
}



/*------------------------------------CSS contact-----------------------------------*/

#header_contact_haut {
	width:955px;
	height:138px;
	float:left;
	background:url(images/arr_header_contact.jpg) no-repeat;
}

#conteneur_ctc {
	width:940px;
	float:left;
	background:url(images/souris.jpg) no-repeat;
	padding:15px 0 0 15px;
}

.maison {
	background:url(images/maison.gif) left no-repeat;
	padding:25px 0 5px 60px;
	display:block;
	height:49px;
	margin:30px 0 0 0;
	
}
.tel {
	background:url(images/telephone.gif) left  no-repeat;
	height:49px;
	padding:0 0 0 60px;
	display:block;
	margin:70px 0 0 0;
	
}
.letter {
	background:url(images/lettre.gif) left 1% no-repeat;
	height:49px;
	padding:15px 0 5px 60px;
	display:block;
	margin:10px 0 0 0;
	
}

#conteneur_span {
	float:left;
	width:200px;
}

#form_haut {
	float:left;
	width:486px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold
	
}

#conteneur_adresse {
	width:200px;
	float:right;
}

#bloc_gauche {
	float:left;
	width:459px;
}

#bloc_gauche h3{
	width:459px;
	height:27px;
	color:#EAEEF1;
	font-size:13px;
	background:url(images/arr_courdone.jpg) no-repeat;
	padding:5px 0 0 10px;
}

#fix{
	float:left;
	height:350px;
}
/*------------------------------------CSS Mention----------------------------------*/

#conteneur_mention {
	width:940px;
	float:left;
	padding:15px 0 5px 15px;
	color:#000;
}

#conteneur_mention p{
	text-align:justify;
	padding:0 20px 0 0;
}
#conteneur_mention h2{
	width:900px;
	background:url(images/flesh_bleu.gif) left no-repeat;
	padding:10px 0 0 30px;
	font-size:14px;
	color:#005BC3;
	height:26px;
}

#conteneur_mention h3{
	width:438px;
	height:22px;
	color:#EAEEF1;
	font-size:13px;
	background:url(images/arr_titr_prestation.jpg) no-repeat;
	padding:5px 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 10px 0;
}

.espace_bas {
	padding:0 0 15px 0;
}

.nom_soc{
	padding:0 0 5px 0;
	font-size:13px;
	color:#FF8602;
	font-weight:bold;
}
/*------------------------------------CSS Prestation professionnelles----------------------------------*/

#conteneur_mention_prof {
	width:940px;
	float:left;
	padding:15px 0 0 15px;
	color:#FFFFFF;
}

#fixe {
    float:left;
	height:400px;
}


#conteneur_mention_prof h2{
	width:900px;
	background:url(images/flesh_bleu.gif) left no-repeat;
	padding:10px 0 0 30px;
	font-size:14px;
	color:#005BC3;
	height:26px;
}

#conteneur_mention_prof h3{
	width:438px;
	height:22px;
	color:#EAEEF1;
	font-size:13px;
	background:url(images/arr_titr_prestation.jpg) no-repeat;
	padding:5px 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 10px 0;
}


/*------------------------------------CSS Actualites----------------------------------*/


.fixe_actu {
	height:400px;
	width:1px;
	float:left;
}

.align_actu {
	float:right;
	margin:0 0 0 05px;
}

#bloc_actualite {
	padding:8px 0 0 10px;
	
}

#bloc_actualite h2{
	background:url(images/flesh_bleu.gif) left no-repeat;
	padding:10px 0 0 30px;
	font-size:14px;
	color:#005BC3;
	height:26px;
	
}



#bloc_actualite h3{
	width:438px;
	height:22px;
	color:#EAEEF1;
	font-size:13px;
	background:url(images/arr_titr_prestation.jpg) no-repeat;
	padding:5px 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
#bloc_actualite ul{
	width:200px;
	color:#FFFFFF;
	padding:15px 0 5px 10px;
	float:left;
	
}

#bloc_actualite li{
	background:url(images/flesh_orange.gif) left 25% no-repeat;
	padding:0 0 5px 20px;
	text-align:justify;

}


/*------------------------------------CSS formulaire-----------------------------------*/

.formulaire {
	width:341px;
	float:right;
	background:url(images/arr_formulaire.gif) no-repeat;
	background-color:#FF7C00;
	
		
}

.formulaire h3{
	width:330px;
	text-align:center;
	font-size:13px;
	color:#005BC3;
	padding:5px 0 10px 0;
	
}

.formulaire p{
	padding:0 0 6px 15px; 
	width:300px;
	float:left;
	display:block;
}


 
.formulaire span{
	float:left;
	font-size:11px;
	color:#FFFFFF;
		
}
.formulaire .question{
	padding-top:10px;
}
 
.formulaire input{
	float:right;
	border:1px solid  #fff;
	width:220px;
	height:15px;
	
}
 
.formulaire textarea{
	float: right;
	border:1px solid  #fff;
	width:220px;
	height:70px;

}

.formulaire .bout{
	width:63px;
	height:25px;
	border:none;
	float:left;
	margin:7px 0 0 130px;
	
}
.formulaire em{
	color:#FF0000;
}
.info{
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
}

.info2{
	font-size:10px;
	padding:5px 0 0 15px;
	color:#009900;

}

#bas_form {
	float:right;
	width:341px;
	height:40px;
	background:url(images/bas_formulaire.gif) no-repeat;
	bottom:0;
	}
#cont_form {
	width:341px;
	float:right;
}

#txt-actus{
	width:438px;
	padding:10px 0 0 10px;
}

#txt-actus img{
	float:left;
	padding:0 5px 0 0;
}

.lineclear{
	clear:both;
	height:1px;
}

.display{
	display:none;
}

#texte{
	width:450px;
	float:left;
}

#actulist{
	float:left;
	padding:0 0 0 20px;
}

#actulist a{
	color:#fff;
}

#actulist a:hover{
	color:#00CCFF;
}

.actus img{
	float:left;
	margin:10px 0 0 0;
}