/* BODY */
body {background-image: url('../images/design/motif_arriere_plan2.png');}
div#conteneur{width: 900px; margin: 0 auto; color: #000000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px;}

/* H1 */
h1 {font-size: 20px;}
h1 a {position:relative; font-size: 20px; display: block; width: 571px; height: 161px; background-image: url('../images/design/SPEQ.jpg'); background-repeat: no-repeat; top: 20px; margin-bottom: 40px; left: 20px;}
h1 a span.texte {display: none;}

/* H2 */
h2 {display: block; width: 100%; height: 30px; background-color: #f89a17; color: #FFFFFF; font-size: 20px; font-weight: normal; text-indent: 10px;}
h2 span.texte {position: relative; top: 3px;}

/* a */
a {text-decoration: underline;}
a:link {color: #f89a17;}
a:visited {color: #b77315;}

/* STRONG */
strong {font-weight: 700;}

/* SPAN.POLICE_VERDANA */
span.police_verdana {font-family:Verdana, Geneva, sans-serif;}


/* CONTENEUR */
div.contenu {background: #FFFFFF; position: relative;}

/* ENTETE */
div#conteneur div#entete {background-color: #000b4e; position: relative; display: block;}
div#conteneur div#entete ul#menu {position: absolute; top: 20px; left: 600px;}
div#conteneur div#entete ul#menu li {margin-bottom: 2px;}
div#conteneur div#entete ul#menu li a{display: block; height: 38px; width: 270px; margin: 8px 0; background-color: green; margin: 0;}
div#conteneur div#entete ul#menu li a#menu_agence{background: url('../images/design/agence.png') no-repeat 0 0; }
div#conteneur div#entete ul#menu li a#menu_agence:hover{background-position: 0 -38px; }
div#conteneur div#entete ul#menu li a#menu_produits{background: url('../images/design/produits.png') no-repeat 0 0; }
div#conteneur div#entete ul#menu li a#menu_produits:hover{background-position: 0 -38px; }
div#conteneur div#entete ul#menu li a#menu_contact{background: url('../images/design/contact.png') no-repeat 0 0; }
div#conteneur div#entete ul#menu li a#menu_contact:hover{background-position: 0 -38px; }
div#conteneur div#entete ul#menu li a#menu_liens{background: url('../images/design/liens.png') no-repeat 0 0; }
div#conteneur div#entete ul#menu li a#menu_liens:hover{background-position: 0 -38px; }

div#conteneur div#entete ul#menu li a span.texte{display: none;}

div#conteneur div#entete div#banniere {position: relative; height: 100%; width: 900px; background-color: #f89a17; padding-bottom: 30px;}
div#conteneur div#entete div#banniere img {position: relative; width: 900px; top: 25px; margin: 0; padding: 0; }
div#conteneur div#entete div#banniere div#image_banniere_moire{position: absolute; height: 10px; width: 900px; bottom: 0; background-image: url('../images/design/motif_lignes_bleu.png');}

/* CONTENENU */
div#conteneur div.contenu {position: relative; background-color: #e7e9f7; width: 900px; min-height: 100px; overflow: auto;}
div#conteneur div.contenu div.colonne_1-3 {float: left; color: #000000; margin-left: 10px; margin-top: 20px; width: 286px;}
div#conteneur div.contenu div.colonne_1-3 p.texte_colonne {margin: 10px auto 20px 10px; width: 265px; text-align: justify;}
div#conteneur div.contenu div.colonne_2-3 {float: left; color: #000000; margin-left: 10px; margin-top: 20px; width: 582px;}
div#conteneur div.contenu div.colonne_2-3 p.texte_colonne {margin: 10px auto 20px 10px; width: 562px; text-align: justify;}
div#conteneur div.contenu div#colonne_1 img {float: left; margin: 10px;}
div#conteneur div.contenu div#colonne_2 img {margin: 10px;}
div#conteneur div.contenu div#colonne_3 img {float: right; margin: 10px;}
div#conteneur div.contenu div#colonne_arriere-plan {background-color: #f4e2ca; margin-bottom: 10px;}
div#conteneur div.contenu div#colonne_arriere-plan img {margin: 10px;}
div#conteneur div.contenu div#colonne_arriere-plan_long {background-color: #f4e2ca; margin-bottom: 10px; position: relative; float:right; left: -10px;}
div#conteneur div.contenu div#colonne_arriere-plan_long img {margin: 10px;}

div#conteneur div.contenu ul.liens li {clear: both; position: relative; padding-top: 10px;}
div#conteneur div.contenu ul.liens li img.image_lien {float:none; top: -7px; position: relative;}

div#conteneur div.contenu form#form-contact {margin: 10px;}
div#conteneur div.contenu form#form-contact label {display: block; width: 75px; clear: both; position: relative; left: 0; top: 0; text-align: right;}
div#conteneur div.contenu form#form-contact label + input {width: 200px; position: relative; top: -1.5em; left: 100px;}
div#conteneur div.contenu form#form-contact label span.obligatoire {color: #FF0000;}
div#conteneur div.contenu p span.valider {color: #008800; position: relative; top: -20px; text-decoration: underline;}
div#conteneur div.contenu form#form-contact input#envoyer- {margin-top: 10px; position: relative;}

div#conteneur div.contenu ul#liste_agence {display: block; width: 582px; height: 60px; background-color: #f4e2ca; padding-bottom: 10px;}
div#conteneur div.contenu ul#liste_agence li img{margin-right: 4px; width: 50px; height: 50px; overflow: hidden; }

div#conteneur div.contenu ul.liens {}
div#conteneur div.contenu ul.liens li {}

div#conteneur div.contenu ul.liens_produits {position: relative; left: 20px;}
div#conteneur div.contenu ul.liens_produits li {float: left; clear: right;}

/* INFOS SITE */
div#conteneur div#infos_site {background-color: #000b4e; height: 50px; color: #FFFFFF; position: relative;}

div#conteneur div#infos_site ul#plan_site {position: relative; top: 17px; left: 0; padding-left: 37px;}
div#conteneur div#infos_site ul#plan_site li {display: inline;}
div#conteneur div#infos_site ul#plan_site li:before {content: '- ';}
div#conteneur div#infos_site ul#plan_site li.premier_liste:before {content: '';}

div#conteneur div#infos_site p#copyright {position:absolute; text-align: center; left: 300px; width: 250px; top:17px;}

div#conteneur div#infos_site a#logo_phenix {position:absolute; display: block; left: 660px; width: 173px; top: 5px; height: 40px; background-image: url('../images/design/logo-phenix-creation.png');}
div#conteneur div#infos_site a#logo_phenix span.texte {display:none;}