body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/fond_bandeau.jpg) repeat-x;
	color:#555555;
	font-size:12px;
	line-height:12pt;
}

a,  input, input[type=submit]{
	text-decoration:none;
	outline: none;
	color:#000000;
	cursor:pointer;
}

a img{
 border:none;
 outline: none;
}

.clearer{
	clear:both;
	height:0px;
}

h1 {
	color:#FFFFFF;
	font-size:14px;
	padding-left: 35px;
	padding-top:5px;
	font-weight: normal;
	margin:0px;
	height : 28px;
}

.titre_peint{
	background: url(../img/titre_peint.jpg) no-repeat;
}

.titre_visse{
	background: url(../img/titre_visse.jpg) no-repeat;
}

.titre_brouette{
	background: url(../img/titre_brouette.jpg) no-repeat;
}

h2{
color:#494646;
font-size:16px;
}

.colorGreen {
	color:#009900;
}

.partAdmin {
	display:none;
}

/*******************************/
/*         Bandeau             */
/*******************************/
#bandeau{
	margin:auto;
	background:url(../img/fond_bandeau.jpg) repeat-x;
	height:136px;
	width:995px;
	z-index:10;
	position:relative;
}

#header{
	width:780px;
	height:90px;
	float:left;
	background:url(../img/fond_header.png) no-repeat;
}

#logo {
	float:left; 
	width:185px; 
	margin-top : 20px;
}

#ligne1{
	height:54px;
	/*border: solid 1px blue;*/
	float:right;
	width:582px;
	text-align:left;
	padding-top:11px;
}

#michel { 
	color: #00507a; 
	font-size:44px; 
	font-weight:bold;
	float : left;
	width: auto;
	margin-top : 20px;
} 

#ligne2 { 
	float:right;
	width:582px;;
	text-align:left;
	}

#ligne2 a{
	color:#00507a;
	margin-left:3px;
	/*border: solid 1px green;*/
}

#moteur input {
	float:left;
	width:210px;
	padding:0px;
	margin-right : 10px;
	height : 22px;
	outline: 0;
}

#moteur a, #moteur input[type=submit]{
	margin-left: 25px;
	background :url('../img/btn_newsletter_1.png') no-repeat;
	height: 25px;
	display: block;
	margin-top : 20px;
	width: 164px;
}

#moteur a:hover, #moteur input[type=submit]:hover{
	margin-left: 25px;
	background :url("../img/btn_newsletter_2.png") no-repeat;
	display: block;
	height: 25px;

}


#moteur input[type=submit]::-moz-focus-inner {
    border: none;
}


#moteur img{
	float:left; 
	width:auto;
/* filter : alpha(opacity=7);
    -moz-opacity : 0.7;*/
    opacity : 0.7; 
	padding-top:0px;
}

#moteur input {
	border : none;
	/* filter : alpha(opacity=7);
    -moz-opacity : 0.7;*/
   /* opacity : 0.7; */
	font-size:8px;
	
}

.input2 {
	background:url(../img/fond_input.jpg) repeat-x;
	 height:19px;
	 margin-top : 0px;
	 padding-top: 3px;
	 float:left;
	 width:auto;
	 border:0;
 }

/*#moteur input[type=submit] {
	background:url(../img/btn_moteur.png) no-repeat;
	height : 22px;
	margin-top:-2px;
	margin-left : 2px;
	margin-right:2px;
	width:22px;
	
}*/
#moteur .finInput {
	float:left;
	width:4px;
}


/*******************************/
/*          Menu H             */
/*******************************/
#menuH{
	background:url(../img/fond_btn.jpg) repeat-x;
	width:780px;;
	letter-spacing : 1px;
	/*border: solid 1px red;*/
	height:46px;
	position:absolute;
	bottom:0px;
	padding-top:0px;
}

#menuH .debutMenu{
	float:left;
	width:8px;
	border:0px;
	}

#menuH>ul{
	padding-top:0px;
	margin-left:0px;
	padding-left:0px;
	height:46px;
	
}

#menuH ul li {
	float:left;
	width:auto;
	list-style-type:none;
	
	height:46px;
	color: white;
	text-align:center;
	font-size: 14px;
	padding:0px 13px 0px 13px; 
	margin-top : -12px;
}

#menuH ul img {
	height:46px;
	float:left; 
	width:2px; 
	margin:0px; 
	padding:0px;
	margin-top : -12px;
}
#menuH .dernier{
display:none;
}
#menuH ul li a {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 14px;
	color: white;
	text-align:center;
	color:#FFFFFF;
	display:block;
	/*border:solid 1px red;*/
	width:100%;
	height:25px;
	margin-top:0px;
	padding-top:15px;
}

#menuH ul li:hover {
	background:url(../img/fond_btn_hover.jpg) repeat-x;
	height:46px;
	color:#2c4452;
	
}

#menuH ul li:hover a {color:#2c4452; width:100%; height:55%;}

/*les sous menus*/
#menuH ul li ul {
	display:none;
	border: solid 1px #ccc;
	width:150px;
	background:url("../img/sousmenu.gif") repeat-x;
	background-position: top;
	background-color:#FFFFFF;
	position:absolute;
	margin-top:0px;
}

#smenu1:hover ul {width:135px;}

#menuH ul li ul li a {
	font-weight:normal;
	color:#000000;
	margin:0px;
	padding:0px;
	font-size:10px;
}

#menuH ul li:hover ul 
{
	display:block;
	margin-top:6px;
	padding:0px;
	margin-left:-13px;
}

#menuH ul li:hover ul li {
	float:none;
	background-image:none;
	padding:4px 0px 0px 0px;
	height:22px;
	width:97%;
	margin-left:2px;
	border-bottom:solid 1px #CCCCCC;
	margin-top : 0px;
	text-align:center;
}

#menuH ul li ul li:hover {background:url("../img/fond_btn_hover.jpg") repeat-x; }

#smenu1, #smenu2 { margin-top:5px;}

#smenu1:hover, #smenu2:hover { width : auto; }


/*******************************/
/*       LOGBOX            */
/*******************************/
#logbox {
	float:right;
	width:215px;
	margin-right:0px;
	background-color:#589ec6;
	margin-top:0px;
	font-size:11px;
	color : #fff;
}

#logbox .les_input{
	border-left: solid 3px #6cc3f4;
	border-right: solid 3px #6cc3f4;
	padding:10px 0px 10px 15px;
}

#logbox  div input[type="text"], #logbox  div input[type="password"]{
	border:solid 1px #6cc3f4;
	border-left:solid 3px #95cfef;
}

#logbox  div input[type="text"]{
	margin-bottom:5px;
	border:solid 1px #6cc3f4;
	border-left:solid 3px #95cfef;
}



#logbox .bouton input{
	background : url(../img/btn_logBox.jpg) no-repeat;
	background-position: bottom;
	height:58px;
	width : 215px;
	border:none;
	color:#494646;
	font-size:12px;
	padding-left:155px;
	cursor:pointer;
}

/*******************************/
/*       CONTENU            */
/*******************************/
 #wrapper{
	margin:auto;
	width:990px ;
	z-index:1;
	position:relative;
	/*background-color:#CCCCCC;*/
 }

#flash{margin:0px; padding:0px; margin-bottom:20px; }

.imgOmbre { 
	float:left; 
	width:17px;
	background-image: url(../../ui_public/img/ombre_droite.jpg);
	height: 200px;
}

/*******************************/
/*       ACCUEIL            */
/*******************************/
.floatG { float:left; width:622px;}

.floatD { float:right; width:368px;}

#promoAccueil{
	float:left;
	width:600px;
	/*height:300px;*/
	/*padding:0px;
	margin:0 0 15px 0;*/
	padding:0 0 15px 0;
}

#promoAccueil h2 {
	font-size:22px;
	color:#df0003;
	margin-bottom:0px;
	margin-top: 5px;
 }

 #promoAccueil img {float:left;  margin-right: 10px; margin-top:10px;}
 #promoAccueil .floatD {float:right; width: 450px;}

 #promoAccueil .floatD img{float:right; margin-right: 20px; margin-top:-10px;}
 #promoAccueil .floatD ul {float:left;width: 150px;  margin-top:0px;}
  
 #promoAccueil .floatD ul li,  #promoAccueil .sansImg ul li{
	list-style-image:url(../img/puceRonde.jpg);
	}

 #promoAccueil .floatD ul li a,  #promoAccueil .sansImg ul li a{
 color:#555555;
 text-decoration:underline;}

 #promoAccueil .floatD ul li a:hover, ,  #promoAccueil .sansImg ul li a:hover{
color:#ef8000; }
/********** Actu ***********/
#actuAccueil{ 
	float:left; 
	width:590px;
	/*background-color:#CCFFFF;*/
}

#actuAccueil h2 {
	 color : #f6960f; 
	 font-size: 14px;
 }

#actuAccueil .imgActu { 
	float:left;
	width:auto;
	margin-right: 5px;
	margin-top:15px;
}

.col0, .col1, .col2 {
	float:left;
	width:45%;
}

.col0{ margin-right:30px;}

.txt_actu_acc {font-size : 12px; }

#actuAccueil .lire_suite { 
	margin-top : 5px; 
	text-align: right;
	font-weight:bold;
}

#actuAccueil .lire_suite img { margin-right :5px;}

#actuAccueil a { 
	color : #00527d; 
	text-decoration:underline;
}
#actuAccueil a:hover {
color:#ef8000;
}

#actuAccueil .photo{
float:left;
padding-right:10px;
padding-bottom:10px;
}

.actualite {
margin-bottom:30px;}

.actualite .titre2:hover {
cursor:pointer;}

.accesMagasin {
	font-weight:bold;
	text-align:right;
	margin-right:10px;
}
.accesMagasin img {
	margin-right:5px
}
.accesMagasin a {
	text-decoration:underline;
	color:#00527D;
}
#devisAccueil{
	float:right;
	background:url(../../images/devisgratuit.jpg) no-repeat;
	height:115px;
	width:330px;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin-bottom:0px;
	margin-top:15px;
}

#devisAccueil p{
	margin-top:43px; 
	margin-left:120px; 
	width:220px; 
	font-size:11px;
	margin-bottom:0px;
}

#devisAccueil a {
	color : #00527d; 
	margin-left : 230px;
}

#devisAccueil a:hover {
color:#ef8000;
}

#catalogueAccueil{
	float:right;
	background:url(../../images/catalogues.jpg) no-repeat;
	height:135px;
	width:330px;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
}

#catalogueAccueil p{
	margin-top:60px; 
	margin-left:120px; 
	width:220px; 
	font-size:11px;
	margin-bottom:3px;
}

#catalogueAccueil a {
	color : #00527d; 
	margin-left : 230px;
}

#catalogueAccueil a:hover {
color:#ef8000;
}

/*******************************/
/*      catalogue   */
/*******************************/
.catalogue{margin-top:30px;}




/*******************************/
/*      SERVICES  PVC   */
/*******************************/

#services{
width:600px;
float:left;
}

#services a{
text-decoration:underline;
color : #00527d;
}

#services h2{
padding-top:30px;
}

#services .photo{
float:left;
padding-right:10px;
padding-bottom:5px;
}

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

#services .texte ul li{
list-style-image:url(../img/puceRonde.jpg);
margin-left:-25px;
}


/*#histoire h1, #pvc h1, #services h1, #plan h1, #contact h1 {
	background: url(../img/fond_titre.jpg) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	height : 20px;
	padding-left: 15px;
	padding-top:2px;
	font-weight: normal;
	margin: 20px 0 0 0;
}
*/
/*#histoire h2, #pvc h2,  #services h2 {
	color:#494646;
	font-size:14px;
}*/

/*.chapeau {
	color : #0072ac;
	font-size:14px;
}
*/
#services li span 	{
	color : #00527d; 
	font-weight:bold;
}

#surMesure{float:left; width:60%;}

#surMesure .photo{
float:left;
padding-right:10px;
padding-bottom:5px;
}

#surMesure .texte{
float:left;
width:440px;
}

#histoire .photo{
float:left;
padding-right:10px;
padding-bottom:5px;
}

#histoire .colG{
float:left;
width:490px;
padding-right:30px;
background:url("../img/ombre_droite.jpg") no-repeat;
background-position:right;
}

#histoire .colD{
float:right;
width:460px;
}


/*******************************/
/*      PLAN   */
/*******************************/

#plan a {
	color : #00527d; 
}

#plan ul{
margin-left:-50px;

}

#plan ul>li {
	margin-top:5px;
	list-style-image:url(../img/puce_ronde.png);
	float:left;
	width:135px;
	background-color:#EFEFEF;
	margin-right:2px;
	margin-left:10px;
	padding-left:5px;
	list-style-position:inside;
}

#plan ul li ul{
padding:0;
margin:0;

}

#plan li ul li {
	list-style-image:none;
	list-style-type:disc;
	float:none;
	padding:0;
	margin:0;
	margin-left:-5px;
	padding-left:10px;
	background-color:#FFFFFF;
	list-style-position:inside;
	
}

#plan li ul li a{color:#555555;}


/*******************************/
/*          Contact               */
/*******************************/
#contact .chapeau {
	width:680px; 
	margin-bottom:0px;
}

#contact a, .contact a{
	color : #00527d; 
	font-weight:bold;
text-decoration:underline;
}


#formContact {
	float:left;
	width:680px;
}

#contact .champs{
text-align:left;
margin-left:0px;
padding-left:20px;}

/******** PRO*********/
.pro #formContact {
	float:left;
	width:740px;
}

.pro .formGauche td{ 
padding-bottom:10px;
}
 #contact  .pro .formGauche .champs{
padding-left:0px;
margin-left:0px;
text-align:left;
} 

/*************************/
.formGauche{
	float:left;
	width:40%;
	text-align:right;
	margin-right:45px;
}

.formDroite{
	float:left;
	width:45%;
	/*background-color:#FFFFCC;*/
}
#contact .typeContact {
	text-align: center;
}
#contact .typeContact input {
	margin-left: 5px;
}
#contact .form_choix {margin-left:0px; padding-left:0px;}
#contact .form_choix td {
	margin-left : 15px;
}
#contact .erreurForm, #recrutement .messageErr, #recrutement_bis .messageErr {
	height:10px;
	/*background-color:#CCCCCC;*/
	width:400px;
	padding-bottom:25px;
	color:#990000;
}
#contact .erreurForm, #recrutement_bis .messageErr {
	margin-left:150px;
}

#contact .erreurForm .colorGreen, #recrutement .messageOk, #recrutement_bis .messageOk{
	height:10px;
	/*background-color:#CCCCCC;*/
	width:400px;
	padding-bottom:25px;
	margin-left:150px;
	color:#009900;
}

#contact input, #contact textarea, #contact input[type=checkbox]{ 
	border:solid 1px #CCCCCC ;
 }


#contact textarea {margin-left:0px;}
 
#contact .tousCatalogues{
padding-top:50px;
width:260px;
color:#666666;
}

.form_choix { 
	margin-top:10px;
}

.finForm {
	/*margin : 15px 0 15px 0;*/
	margin : 5px 0;
}

#blocBtns {
padding-left:100px;
	margin-top : 10px;
	width: 250px;
}

#blocBtns .envoyer, #blocBtns .annuler { 
	height:25px;
	width:90px;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
}

#blocBtns .envoyer { 
	background : url(../img/btn_envoyer.jpg) no-repeat;
}

#blocBtns .annuler { 
	background : url(../img/btn_annuler2.jpg) no-repeat;
}

.champObligatoire{ font-size:10px; color:#999999;}

#contact .agence{
	float:left;
	width:18%; 
	margin-left:40px;
	margin-top:-20px;
	/*background-color:#CCCCCC;*/
}

/* Confirmation
*************************/
.txt_confirmation {
	font-size: 16px;
}

/*******************************/
/*         RECRUTEMENT         */
/*******************************/
.recrutement table{width:96%; /*border-bottom: solid 1px #999; padding-bottom:15px;*/ }
.recrutement .label{font-weight:bold; width: 100px; text-align: right;}

/*******************************/
/*          Menu P              */
/*******************************/
#menuP { 
	float:right; 
	width : 370px;
	padding:0px;
	margin : 0px;
}
#menuP input[type="submit"] {
	background:none;
	border:none;
	color:#FFFFFF;
	font-size:14px;
}

#menuP .titre_brouette a {color:#FFFFFF;}

#menuP ul {
	padding-left: 0px;
}

#menuP li {
	list-style-type:none;
	margin: 0px;
	padding: 3px 0px 3px 15px;
	color : #646161;
	cursor:pointer;
	font-size: 12px;
}

#menuP li a{ z-index: 100; position:relative;}

#menuP .fleche { 
	margin-top: 3px;
}

#menuP .smenuP1 { 
	background-image:url("../img/menuP_haut.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top : 14px;
}
#menuP .smenuP2, .smenuP3, .smenuP4, .smenuP5, .smenuP6, .smenuP7, .smenuP8, .smenuP9, .smenuP10{ 
	margin:0px;
	background:url(../img/btn_menuP.jpg) no-repeat;
}
#menuP .fin { 
	background:url(../img/menuP_bas.jpg) no-repeat;
	height:26px;
	margin:0;
	padding:0;
}

#menuP li:hover{
	background:url(../img/menuP_hover.jpg) no-repeat;
	margin:0px;
	text-shadow: 1px 1px 1px #2b3a42;
	color:#FFFFFF;
}

#menuP .smenuP1:hover{ 
	background:url(../img/menuP1_hover.jpg);
	margin:0px;
	background-color:#FF0000;
}

#menuP .smenuP10:hover { 
	background:url(../img/menuP10_hover.jpg) no-repeat;
	height:27px;
}

/*les sous menus*/
#menuP ul li ul {
	border: solid 1px #ccc;
	width: 300px;
	background:url("../img/sousmenu.gif") repeat-x;
	background-position: top;
	background-color:#FFFFFF;
	position:relative;
}


#menuP ul div li {
	background:url(../img/btn_smenuP.jpg) no-repeat;
	height:18px;
	width:371px;
	margin:0px;
	padding-top:2px;
	padding-left : 30px;
	cursor:pointer;
	position:relative;
	z-index:100;
}

#menuP ul div li:hover a{
	color:#FFFFFF;
}
	
#menuP ul div li a {
	font-size: 11px;
	color:#555555;
	cursor:pointer;
}
	
/*******************************/
/*               Pied              */
/*******************************/
#pied{
	width:990px;
	font-size:10px;
	margin:auto;
	margin-top : 30px;
	/*border:solid 1px #CCCCCC;*/
	
}

#pied img{
	float:left; 
	width:auto;
}

#copyright{
	float:left;
	width:130px;
	background:url(../img/degrade_menuB.jpg) repeat-x;
	height:48px;
	padding-top:10px;	
}


/******** Menu Bas ********/
#menuBas{
	float:left; 
	width:800px;
	padding:0px;
	background:url(../img/degrade_menuB.jpg) repeat-x;
	height:68px;
	padding-right:0px;
	text-align:right;
}

#menuBas ul{margin:0px;  padding-top:10px; padding-right : 0px; text-align:right;}

#menuBas li {
	float:right;
	width:auto;
	list-style-type:none;
	margin-left:3px;
}

#menuBas li a{
	color:#327597;
	text-decoration:none;
}