@charset "utf-8";
/* CSS Document */

/*********** 
Reset styles 
***********/
* {margin: 0; padding: 0;}
html {background:#00909b}
.c {clear:both;}
img {border:0px;}
.bloc {display:block;}
.left {float:left;}
.right{float:right;}
.dnone{display:none;}
.padHead{padding:52px 0 0 105px;}
.securite{padding:13px 0 0 40px;}
.margB{margin-bottom:20px;}
.margL{ margin-left:50px;}
.margL2{ margin-left:70px;}
.w600{width:600px;}
.w660{width:690px;}
.w620{width:620px;}
.w300{width:300px;}
.pad15{padding:15px;}

#global {width: 100%; margin:0 auto; background:#FFF url('../images/fond_site.jpg') repeat-x;}

/****************
Header 
****************/
#header {width: 980px; margin:0 auto; height:247px; margin-top:10px; background:url('../images/header_accueil.png') no-repeat;}
#logoimaris{display:block; float:left; padding:25px 0 0 25px;}
#menu{display:block; float:left; width:890px; height:40px; padding:28px 0 0 20px;}

#menu #nav {display:block; list-style: none; float:left;}
#menu #nav li {float:left;}
#menu #nav li a.accueil {display: block; float:left; width:114px; height:40px; text-align: center; text-decoration: none; background: url('../images/accueil.png') no-repeat;}
#menu #nav li a.accueil:active, #menu #nav li a.accueil:hover, #menu #nav li a.accueil:focus, #menu #nav li a.accueil.active1 {background: url('../images/accueil-over.png') no-repeat;}
#menu #nav li a.metiers {float:left; width:119px; height:40px; display: block; text-align: center; text-decoration: none; background: url('../images/nos-metiers.png') no-repeat;}
#menu #nav li a.metiers:active, #menu #nav li a.metiers:hover, #menu #nav li .metiers:focus, #menu #nav li a.metiers.active2 {background: url('../images/nos-metiers-over.png') no-repeat;}
#menu #nav li a.ingenierie{float:left; width:101px; height:40px; display: block; text-align: center; text-decoration: none; background: url('../images/ingenierie.png') no-repeat;}
#menu #nav li a.ingenierie:active, #menu #nav li a.ingenierie:hover, #menu #nav li a.ingenierie:focus, #menu #nav li a.ingenierie.active3 {background: url('../images/ingenierie-over.png') no-repeat;}
#menu #nav li a.conception{float:left; width:218px; height:40px; display: block; text-align: center; text-decoration: none; background: url('../images/conception.png') no-repeat;}
#menu #nav li a.conception:active, #menu #nav li a.conception:hover, #menu #nav li a.conception:focus, #menu #nav li a.conception.active4 {background: url('../images/conception-over.png') no-repeat;}
#menu #nav li a.formation{float:left; width:105px; height:40px; display: block; text-align: center; text-decoration: none; background: url('../images/formation.png') no-repeat;}
#menu #nav li a.formation:active, #menu #nav li a.formation:hover, #menu #nav li a.formation:focus, #menu #nav li a.formation.active5 {background: url('../images/formation-over.png') no-repeat;}
#menu #nav li a.references{float:left; width:135px; height:40px; display: block; text-align: center; text-decoration: none; background: url('../images/nos-references.png') no-repeat;}
#menu #nav li a.references:active, #menu #nav li a.references:hover, #menu #nav li a.references:focus, #menu #nav li a.references.active6 {background: url('../images/nos-references-over.png') no-repeat;}
#menu #nav li a.contact{float:left; width:96px; height:40px; display: block; text-align: center; text-decoration: none; background: url('../images/contact.png') no-repeat;}
#menu #nav li a.contact:active, #menu #nav li a.contact:hover, #menu #nav li a.contact:focus, #menu #nav li a.contact.active7 {background: url('../images/contact-over.png') no-repeat;}

/****************
Content
****************/
#content{display:block; width:980px; margin:0 auto; min-height:400px; background:url('../images/fond_page.png') no-repeat;}
#contenu{display:block; width:940px; margin:0 auto;}
#fil_ariane{display:block; width:913px; margin:0 auto; height:29px; background:#0a6c74; padding-left:27px;}
#page{display:block; width:886px; padding:45px 27px 0 27px;}
#images_accueil{display:block; float:left; width:119px;}
.left_col_accueil{display:block; float:left; width:282px; margin-left:22px;}
.col {display:block; float:left; width:408px;}
.fond_formation { background:url('../images/fond_formation.jpg') no-repeat right bottom; }
.col_actu{display:block; float:left; width:276px;}
.col_actu p { line-height:18px; }
p.actualite{display:block; float:left; width:380px; }
.legislation{display:block; float:left; width:409px; height:312px; background:url('../images/fond_legislation.jpg') no-repeat;}
.legislation p{display:block; width:182px; margin:107px 0 0 37px; font-family:Arial, sans-serif; font-size:14px; line-height:25px; color:#bfd3d2;}
.legislation a{float:right; font-family:Arial, sans-serif; font-size:13px; margin-top:12px; line-height:25px; padding:0 40px 0 0; color:#bfd3d2; text-decoration:none; background:url('../images/fleche_suite.gif') no-repeat 72px 5px;}
.legislation a:hover{text-decoration:underline;}
.represente{display:block; width:409px; height:152px; background:url('../images/fond_securite.gif') no-repeat;}
.represente p{display:block; padding:45px 18px 8px 18px; font-family:Arial, sans-serif; font-size:12px; line-height:20px; color:#b42222;}
.fond_bleu{background-color:#5d7b79;}
p.fond_bleu{font-family:Arial, sans-serif; font-size:14px; text-align:justify; line-height:25px; color:#bfd3d2;}
p.turquoise {color:#bfd3d2; font-size: 14px; line-height:22px; padding:10px; text-align:left;}
p.txt_actu_blanc { padding:15px; color:#333; display:block; line-height:18px; }
ul.txt_actu { font-family:Arial, sans-serif; font-size:12px; padding:15px; color:#333; margin-left:30px; display:block; line-height:18px; }
.rouge { color:#B82322; }
.lettrine { float: left; font-size: 3em; font-weight: bold; font-family: Arial, sans-serif; margin: 1px; padding: 1px; line-height: 1em; }

/****************
Balises
****************/
p.intro {font-family:Arial, sans-serif; text-align:justify; font-size:16px; color:#686759; line-height:28px;}
p.ingenierie {font-family:Arial, sans-serif; text-align:justify; font-size:12px; color:#686759; line-height:18px;}
h1.titre{display:block; width:328px; height:29px; line-height:29px; padding:0 0 40px 80px; font-family:Arial, sans-serif; font-size:22px; font-weight:normal; color:#FFF; background:url('../images/fond_titres.gif') no-repeat;}
#fil_ariane p, #fil_ariane a{font-family:Arial, sans-serif; font-size:12px; line-height:29px; color:#00d0e0; text-decoration:none;}
#fil_ariane a:hover, #fil_ariane a:active, #fil_ariane a:focus{color:#FFF; text-decoration:none;}
h2.actu{font-family:Arial, sans-serif; font-size:18px; color:#b82322; font-weight:normal; margin-bottom:15px;}
p{font-family:Arial, sans-serif; font-size:13px; text-align:justify; color:#363636; line-height:16px;}
a.liens{font-family:Arial, sans-serif; font-size:13px; background:url('../images/puce_liens.gif') no-repeat; padding:2px 0 2px 20px; margin-top:5px; color:#028786; text-decoration:none;}
a.liens:hover, a.liens:active, a.liens:focus{text-decoration:underline;}
p.courant{font-family:Arial, sans-serif; font-size:12px; text-align:justify; color:#010101; line-height:20px;}
ul.courant{font-family:Arial, sans-serif; font-size:12px; text-align:justify; color:#010101; line-height:20px; margin-left:15px; padding:5px 0 5px 0;}
a.bleu{font-family:Arial, sans-serif; font-size:12px; text-align:justify; color:#00909b; line-height:20px; text-decoration:none;}
a.bleu:hover, a.bleu:active, a.bleu:focus {text-decoration:underline;}
ul.liste_fleches_turquoises { list-style:none; }
ul.liste_fleches_turquoises li { background:url('../images/fleche_turquoise.gif') no-repeat; font-family:Arial, sans-serif; color:#0C4B50; font-size:12px; font-weight:bold; padding:0 0 15px 35px;}
ul.liste_marron { padding: 10px 0 10px 0; }
ul.liste_marron li { font-family:Arial, sans-serif; text-align:justify; font-size:12px; color:#686759; line-height:28px; padding: 0px 0 0px 10px; margin:0 0 0 30px; }
ul.suivi_projet { display:block; padding:30px 0 0 0; list-style:none; background:url('../images/trait-suivi.gif') no-repeat; background-position:7px -0px;}
ul.suivi_projet li { background:url('../images/puce_liens.gif') no-repeat; font-family:Arial, sans-serif; font-size:12px; padding:0 0 25px 30px; color:#0C4B50; font-weight:bold; background-position:5px 2px; }
ul.suivi_projet li.active { background:url('../images/puce_liens_vert.gif') no-repeat; font-family:Arial, sans-serif; font-size:12px; padding:0 0 25px 30px; color:#0C4B50; font-weight:bold; }
div.encadre_vert { background:url('../images/fond_encadre.jpg') no-repeat; width:370px; height:150px; padding:10px 20px 0 15px; }
div.encadre_vert p { font-family:Arial, sans-serif; font-size:14px; line-height:25px; color:#bfd3d2;}
ul.liste_rouge { list-style:none; padding:15px 0 10px 0; }
ul.liste_rouge li { background:url('../images/puce_rouge.gif') no-repeat; font-family:Arial, sans-serif; font-size:12px; padding:0 0 8px 25px; background-position:5px 3px; }
h3.vert { font-family:Arial, sans-serif; font-size:14px; color:#0A6C74; }
h3.marron { font-family:Arial, sans-serif; font-size:14px; color:#686759; }
ul.liste_references { display:block; float:left; width:220px; list-style:none; padding:0 0 0 15px; }
ul.liste_references li { font-family:Arial, sans-serif; font-size:14px; color:#0A6C74; padding:0 0 10px 0; font-weight:bold; }
div.encart_beige { float:left; width:354px; height:195px; padding:73px 20px 10px 20px; background:url('../images/fond_encart_beige.jpg') no-repeat; }
div.encart_beige p { color:#686759; line-height:18px; }


/****************
Formulaire contact
****************/
#formulaire {width:390px; margin:0 auto;}
#formulaire fieldset {margin:5px 0; clear:both; border:0;}
#formulaire label {float:left; display:block; text-align:right; width:90px; padding:6px 0 3px 0; margin:0 3px 0 0; font-family:Arial,sans-serif; font-size:12px; color:#333;}
.contact_txt {float:left; display:block; border:1px solid #59200a; color:#000; width:280px; margin:3px 3px 0 1px; padding:2px; font-family:Arial,sans-serif; font-size:12px;}
.contact_btn { float:left; margin:3px 0 0 295px; font-size:9px; font-family:Arial,sans-serif; font-weight:bold; color:#fff;}
#req_fields { display:block; color:#999; font-style:normal; width:150px; margin:0 0 10px 270px; font-family:Arial,sans-serif; font-size:10px;}
#status { display:block; font-style:normal; width:260px; margin-left:105px; padding:10px; font-family:Arial,sans-serif; font-size:12px; border:#c00f1d solid 1px; color:#c00f1d; background:#fee3e5;}
#confirmation {display:block; font-style:normal; width:350px; margin-left:20px; padding:10px; font-family:Arial,sans-serif; font-size:12px; border:#d8d7b8 solid 1px; color:#d8d7b8; background:#59200a;}
div.contact_address { float:left; text-align:right; width:380px; }
div.contact_address address { font-family:Arial,sans-serif; font-size:12px; font-style:normal; padding:0 57px 0 0; line-height:18px; }


/****************
Footer 
****************/
#footer { width: 100%; height:105px; background:url('../images/fond_footer.jpg') repeat-x;}
#footer_content {width: 980px; margin: 0 auto; height:105px; background:url('../images/bas_page.png') no-repeat;}
#footer p.foot { padding-top:80px;font-size:12px; font-family:Arial, sans-serif; text-align: center; font-weight:normal; color:#9fdccf;}
#footer a {font-size:12px; font-family:Arial, sans-serif; color:#9fdccf; text-decoration:none;}
#footer a:hover, #footer a:focus, #footer a:active {color:#fff;}