/*=======================================CSS=====
	Feuille de style
	Site : 
	Auteur : Pernelle Rousselot - Studio EDISPO
	Date : 
*/


/*=======================================GENERAL=====*/
body{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000;
  text-align:center;
  background:#fff;
}
table, td, p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  text-align:justify;
}
th{
	font-weight:normal;
    text-align:left;
    font-size:12px;
}
a:link, a:hover, a:visited, a:active{
	color:#300617;
    display:inline-block;
	text-decoration:none;
    padding:1px 5px;
    text-decoration:underline;
}
a:hover{
	text-decoration:none;
    background:#efefef;
    color:#000;
}
img{
	margin:0;
	padding:0;
	border:0;
}


#conteneur{
 	width:960px;
	margin:0 auto;
	padding:0;
	position:relative;
    background:url(../medias/bg-general.png) top left no-repeat #fff;
}
 
#entete{
 	width:100%;
	height:180px;
	margin:0;
	padding:0;
	z-index:5;
}

#menu_principal{
 	width:650px;
	height:40px;
    position:absolute;
    top:30px;
    left:290px;
	margin:0;
	padding:0;
    background:url(../medias/bg-menu-principal.png) top left no-repeat #fff;
    font-size:15px;
    text-transform:uppercase;
    color:#fff;
}

#menu_principal a:link, #menu_principal a:visited, #menu_principal a:active{
	color:#fff;
 	background:none;

	/* partie de code a repeter */
	text-decoration:none;
	padding:9px 20px 6px 20px;
	margin:0 2px;
	display:inline-block;
	height:25px;	/* init 40*/
}
#menu_principal a:hover{
	color:#fff;
 	background:url(../medias/bg-item-on.png) top left repeat-x;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:9px 20px 6px 20px;
	margin:0 2px;
	display:inline-block;
	height:25px;	/* init 40*/
}

#menu_sec1{
    position:absolute;
    top:80px;
    left:582px;
}
#menu_sec2{
    position:absolute;
    top:130px;
    width:770px;
    left:165px;
}
ul.menu_secondaire, .menu_secondaire li{
 	padding:0;
	margin:0;
	list-style:none;
}
ul.menu_secondaire{
	background:url(../medias/bg-menu-secondaire.png) top right no-repeat;
    height:42px;
    padding:0 5px;
}
#menu_sec1 .menu_secondaire{
	height:34px;
}
#menu_sec2 .menu_secondaire{
	background:url(../medias/bg-menu-secondaire2.png) top right no-repeat;
}
.menu_secondaire .item{
 	padding:0;
	margin:0 1px;
	list-style:none;
	display:inline-block;
	float:left;
	font-size:17px;
    color:#626262;
	text-transform:uppercase;
	text-align:center;
}

.menu_secondaire .item a:link, .menu_secondaire .item a:visited, .menu_secondaire .item a:active{
	color:#626262;
    color:#333;
 	background:url(../medias/bg-item-secondaire2.png) top left no-repeat;

	/* partie de code a repeter */
	text-decoration:none;
	padding:12px 12px 5px 12px;
	margin:0;
	display:inline-block;
	height:25px;	/* init 42*/
}
.menu_secondaire .item a:hover{
	text-decoration:underline;
}
#menu_sec1 .menu_secondaire .item a:link, #menu_sec1 .menu_secondaire .item a:visited, #menu_sec1 .menu_secondaire .item a:active{
	padding:8px 12px 4px 12px;
    height:22px;		/*init 34*/
 	background:url(../medias/bg-item-secondaire.png) top left no-repeat;
    color:#333;
}
#corps{
	width:940px;	/* init 960*/
	padding:0px 10px 20px 10px;
	margin:0 auto;
	text-align:center;
	font-size:17px;
    background:url(../medias/bg-corps-bas.jpg) bottom left no-repeat;
    display:block;
    position:relative;
}

#contenu, #contenu_maint{
    
	width:668px;	/*init 668*/
	margin:0 0 0 250px;
	padding:0px;
    text-align:left;
    font-size:17px;
    background:url(../medias/bg-corps.png) top left no-repeat;
}
#contenu_maint{
    background:url(../medias/bg-corps-rouge.png) top left no-repeat;
}
#contenu .texte, #contenu_maint .texte{
	font-size:17px;
    padding:45px;
}
#contenu *, #contenu_maint *{
	font-size:17px;
}
#contenu .texte2, #contenu .texte2 *, #contenu_maint .texte2, #contenu_maint .texte2 *{
	font-size:14px;
    padding:45px;
}
#contenu ul, #contenu_maint ul, #references ul{
	margin:5px 10px;
	padding:0 10px;
    display:block;
}
#contenu li, #contenu_maint li, #references li{
	list-style:none;
    background:url(../medias/puce.png) top left no-repeat;
    padding:1px 5px 0px 10px;
    display:block;
    margin:2px 0;
}

#aide{
	position:absolute;
    bottom:15px;
    left:2px;
    width:250px;
}
#aide div{
	padding:20px 30px;
    margin:0 0 70px 0;
}
#bulles, #slide{
    text-align:center;
	padding:20px 0;
}
#bulles img{
	display:inline-block;
}
#bulles a:link, #bulles a:visited, #bulles a:hover, #bulles a:active, 
#aide a:link, #aide a:visited, #aide a:hover, #aide a:active,
#copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active{
	background:none;
    border:0;
    display:inline;
    padding:0;
    margin:0;
}


#coordonnees{
	float:left;
    width:200px;	/*init 220*/
    padding:10px;
    margin:25px 0 0 10px;
    font-size:17px;
    text-align:left;
}
#coordonnees p, #coordonnees *{
	font-size:17px;
    color:#666;
    text-align:left;
}
.bloc{
	width:184px;	/*init 224*/
	background:url(../medias/bg-bloc.png) top left no-repeat;
	padding:20px;
	text-align:justify;
	color:#f3e6c8;
	font-size:12px;
	float:left;
}
.bloc_liste{
	width:235px;	/*init 315*/
	background:url(../medias/bg-bloc.png) top left no-repeat;
	padding:20px;
	text-align:justify;
	color:#f3e6c8;
	font-size:12px;
	float:left;
}
.bloc_liste p{
	width:180px;
	font-size:12px;
}
#pied{
	width:940px;	/* init 960*/
    height:230px;
	padding:5px 10px 15px 0px;
	margin:0 auto;
	position:relative;
	text-align:left;
	font-weight:bold;
	font-size:14px;
}
#pied .logo{
	float:left;
    margin:0 20px 0 10px;
}
#pied .bleu{
	color:#2982cd;
    font-size:12px;
    font-weight:bold;
}
#pied .gauche, #pied .centre, #pied .droite{
	text-align:left;
    color:#7e7e7e;
    font-size:14px;
    width:220px;
    font-weight:normal;
    top:45px;
}
#pied .gauche{
    position:absolute;
    left:150px;
}
#pied .centre{
    position:absolute;
    left:385px;
}
#pied .droite{
    position:absolute;
    left:600px;
}
#logos{
	float:right;
    width:80px;	/*init 100*/
    padding:0 5px 0 20px;
}
#logos img{
	display:block;
    margin:6px auto;
}
.ref{
	display:block;
	color:#696969;
	font-weight:normal;
	width:60%;
	position:relative;
	padding:0 0 0 298px;
	margin:0 auto 2px auto;
	text-align:left;
}
.ref span{
	color:#424242;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
	width:280px;
	text-align:right;
	display:block;
}
.pied a:link, .pied a:visited, .pied a:active{
	color:#000;
	padding:1px 3px;
	text-decoration:none;
}
.pied a:hover{
	color:#ea461a;
	background:#fff;
	padding:1px 3px;
	text-decoration:none;
}
#copyright{
	position:absolute;
	bottom:25px;
	right:3px;
	margin:0;
	padding:0;
}


h1{
	text-transform:uppercase;
	font-size:17px;
	color:#000;
	margin:10px 0 0 0;
	padding:10px 0;
}
h2{
	text-transform:uppercase;
	font-size:14px;
	color:#b82d0e;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
#coordonnees h3{
	text-transform:uppercase;
	font-size:12px;
	color:#b82d0e;
	margin:50px 0 0 0;
	padding:10px 0;
}
#contenu h1, #contenu_maint h1{
	font-size:22px;
    margin:0;
}
#aide h1{
	font-size:30px;
    color:#cf2a29;
    padding:0;
    margin:0;
}
#aide h1 span{
	font-size:35px;
}
#aide span{
	color:#cf2a29;
    font-size:17px;
}

form{
	margin:0;
	padding:0;
}
input, textarea{
	border:0;
/*	border-bottom:1px solid #666;*/
	padding:1px 5px;
	margin:3px 0;
	font:12px Arial, Helvetica, sans-serif;
}
input{
	width:320px;	/*init 330*/
	background:url(../medias/bg-input.png) top left no-repeat;
	height:20px;	/*init 22*/
    color:#fff;
}
textarea{
	height:100px;
	width:320px;
	background:url(../medias/bg-textarea.png) top left no-repeat;
}
.bt-envoi{
	background:none;
	text-align:center;
	margin:2px 0 90px 150px;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}
.bt-contact{
	background:none;
	text-align:center;
	border:0;
	padding:2px 5px;
	font-size:12px;
    margin:10px auto 0 145px;
	width:auto;
	height:auto;
}
#contenu .indication, #contenu_maint .indication{
	font-size:13px;
    color:#cf2a29;
    margin:20px 0 0 150px;
}
label{
	text-align:right;
	display:block;
	width:25%;
	float:left;
	font-weight:normal;
	font-size:13px;
	margin:2px 0;
    padding:0 10px 0 0;
}
label.special{
	text-align:right;
    color:#000;
	display:inline-block;
    
	font-weight:bold;
	font-size:12px;
	margin:5px 10px;
    padding:3px 0 0 0;
    width:40%;
}
input.special{
	background:#fff;
    width:150px;
    height:20px;
    color:#000;
}
label.sans{
	text-align:left;
	font-weight:bold;
	font-size:11px;
	margin:5px 10px;
	display:inline;
	float:none;
	width:auto;
}
.erreur{
	color:#cf2a29;
    font-size:14px;
}
input.coche{
	border:0;
	width:auto;
	background:none;
}
.petit{
	font-size:13px;
}
.citation{
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
}
.gros{
	font-size:16px;
}

#sub0{
	display:block;
}
.tarifs{
	font-size:12px;
	width:100%;
}
.tarifs td{
	font-size:12px;
	padding:2px 5px;
	background:#973b30;
	border:1px dotted #a64e3c;
}
iframe{
	border:1px solid #666;
	padding:1px;
}

.separation{
	clear:both;
    margin:5px 0;
}
.left{
	float:right;
    padding:0;
    margin:0 0 10px 10px;
}
.floleft{
	float:left;
    padding:0;
    margin:0 10px 10px 0;
}
.row1 td, .row2 td, .row1 th, .row2 th{
	font-size:11px;
    padding:5px 5px;
    border:1px dotted #999;
}
.row1 th, .row1 td{
	background:#efefef;
}

.row2 th, .row2 td{
	background:#feedd6;
}
.row1 td, .row2 td{
	text-align:center;
}
.row0 th{
	font-size:11px;
    padding:2px 5px;
    border:1px dotted #555;
}
#devis{
    width:938px;
    position:absolute;
    top:0;
    left:0;
    text-align:right;
}
#ctc{
	background:url(../medias/bg-rappel.png) top left no-repeat;
    color:#fff;
    display:none;
    width:238px;
    height:16px;
    margin:3px 125px 3px auto;
    text-align:center;
    position:absolute;
    top:-25px;
    right:0px;
}
#form-devis{
	background:url(../medias/bg-devis.png) top left no-repeat;
    height:140px; 	/*init 180*/
    width:890px;	/*init 930*/
    display:none;
    padding:20px;
    text-align:left;
    margin:5px auto;
    color:#000;
}