/* structure generale */
* {margin: 0px; padding: 0px; font-family: Arial;}
html {height: 100%;}
body {margin: 0px; background-color: #6098B0; height: 100%;}

a {text-decoration: underline; color:#16547b;}
a:hover {text-decoration: underline;}
p.spip {margin: 0 0 12px 0}
img {border: 0px;}

.bold {font-weight: bold;}

div#main {position: relative; width: 906px; /*height: 100%;*/ margin-left: auto; margin-right: auto; text-align: left;}

div#bg_main {float: left; width: 893px; height: 100%; background: url(img/bg_main.gif) repeat-y; padding-left: 13px; /*padding-bottom: 25px;*/ }
div#header {float: left; width: 880px; height: 89px; background: url(img/bg_header.gif) repeat-x; margin-top: 25px;}

div#logo {float: left; width: 131px;}
div#logo img.logo {margin: 12px 0 0 46px;}

div#bandeau {float: left; width: 749px;}
div#bandeau img.ose {margin: 24px 0 5px 0;}

div#bandeau div#nav {float: left; width: 747px; padding-left: 2px;}
/*div#bandeau div#nav img {margin-right: 24px;}*/

div#content {float: left; width: 880px; padding-top: 21px; padding-left:12px;}
/*div#content {float: left; width: 880px; padding: 18px 0 30px 0;}*/

div#content div#visu {float: left; width: 344px; text-align: right; margin-right:0px; z-index:10;position:relative;}

div#content div#texte {float: left; width: 482px; font-size: 11px; color: #000; text-align: justify; margin-left:-11px; padding-bottom: 30px; background: #FFF url(img/bg_texte.gif) no-repeat left bottom; min-height:330px; _height:330px; padding-bottom:36px;}

div#content div#texte div.titre, div#content div#texte div.titre2 {float: left; width: 482px; height: 36px; background: url(img/bg_titre.gif) no-repeat;}
div#content div#texte div.titre2 {background: url(img/bg_titre2.gif) no-repeat;}


/* Style pour les titres de sous rubriques */

div#texte div.titre p.rubrique {float: left; width: 212px; padding: 10px 0 0 29px;}

div#texte div.titre2 p.rubrique {float: left; width: 212px; padding: 10px 0 0 29px;}
* html div#texte div.titre2 p.rubrique {float: left; width: 200px; padding: 10px 0 0 29px;}


div#texte div.titre2 p.rubrique2 {float: left; width: 150px; padding: 10px 0 0 29px;}
* html div#texte div.titre2 p.rubrique2 {float: left; width: 141px; padding: 10px 0 0 29px;}


/*  ---------------- */ 

div#texte div.titre p.soustitre, div#texte div.titre2 p.soustitre {float: left; width: 213px; text-align: right; padding: 13px 28px 0 0;
overflow:visible}
* html div#texte div.titre p.soustitre, div#texte div.titre2 p.soustitre {float: right; width: 213px; text-align: right; padding: 13px 28px 0 0;
overflow:visible}
div#texte div.titre2 p.soustitre2 {float: left; width: 213px; text-align: right; padding: 13px 28px 0 0;
overflow:visible}

div#content div#texte div.paragraphe {float: left; width: 422px; padding: 22px 30px 0 30px; z-index:1;}
div.paragraphe .intro {font-size: 12px; color: #5B3602; font-weight: bold;}
div.paragraphe ul {padding-left: 34px;}
div.paragraphe ul li {list-style: none; background: url(img/puce.gif) no-repeat 0px 5px; padding: 0 0 4px 7px;}

div#content div#texte div.bloc_couleur {float: left; width: 377px; margin: 6px 10px 10px 16px; padding: 8px 16px 10px 24px; background-color: #B7D8E0;}
html>body div#content div#texte div.bloc_couleur {margin-left: 32px;}
div.bloc_couleur ul {padding: 4px 0 0 34px;}
div.bloc_couleur ul li {list-style: none; background: url(img/puce2.gif) no-repeat 0px 5px; padding: 0 0 0 7px;}

div.bloc_couleur p.entete, div.bloc_couleur H3.spip {text-align: center; font-size: 12px; color: #AF2225; font-weight: bold; padding-bottom: 15px; padding-top: 12px;}


/* page entreprise */
div#content div.titre_entreprise {float: left; width: 588px; height: 36px; background: url(img/bg_titre_entreprise.gif) no-repeat; margin-left: 119px;}
html>body div#content div.titre_entreprise {margin-left: 238px;}
div.titre_entreprise p.rubrique {float: left; width: 265px; padding: 10px 0 0 29px;}
div.titre_entreprise p.soustitre {float: left; width: 266px; text-align: right; padding: 13px 28px 0 0;}

div#content div.bloc_nom {float: left; width: 826px; background: url(img/bg_entreprise.gif) repeat-y right top; padding-top: 9px;}
div#content div.bloc_nom div.visu_nom {float: left; width: 238px; text-align: right;}

div#content div.texte_nom {float: left; width: 528px; padding: 30px 30px 0 30px; font-size: 11px; color: #000; text-align: justify;}
div#content div.texte_nom .nom {font-size: 12px; color: #5B3602; font-weight: bold;}
div#content div.texte_nom .detail {font-size: 12px; color: #5B3602; font-style: italic;}

div#content div.filet {float: left; width: 826px; background: url(img/bg_entreprise.gif) repeat-y right top; text-align: right;}
div#content div.filet img {margin: 14px 36px 15px 0;}

div#content div.bas_entreprise {float: left; width: 826px; height: 15px; background: url(img/bg_entreprise.gif) repeat-y right top; text-align: right; padding-top: 24px;}


/* nav */
div.div_nav {position: absolute; width: 180px; background: url(img/bg_nav.gif) no-repeat left bottom; visibility: hidden;}
div.div_nav a {text-decoration:none; font-size: 11px; color: #FFF; font-weight: bold; padding: 6px 10px 7px 10px; display: block;}
div.div_nav a:hover {color: #97CBE1; text-decoration: none;}

.attente {font-size: 11px; color: #999999; font-weight: bold; padding: 6px 10px 7px 10px; display: block;}


div#ca1 {top: 102px; left: 149px;z-index:100;}
div#ca2 {top: 102px; left: 257px;z-index:100;}
div#ca3 {top: 102px; left: 361px;z-index:100;}
div#ca4 {top: 102px; left: 442px;z-index:100;}
div#ca5 {top: 102px; left: 544px;z-index:100;}
div#ca6 {top: 102px; left: 672px;z-index:100;}


div#nav a span {display: none;}

div#nav a {float: left; height: 17px; margin-right: 24px; display: block;}

div#nav a.bt_entreprise {width: 58px; background: url(../images/nav/bt_entreprise.jpg) no-repeat;}
div#nav a.bt_entreprise:hover, div#nav a.bt_entreprise_on {width: 58px; background: url(../images/nav/bt_entreprise2.jpg) no-repeat;}

div#nav a.bt_methodo {width: 83px; background: url(../images/nav/bt_methodo.jpg) no-repeat;}
div#nav a.bt_methodo:hover, div#nav a.bt_methodo_on {width: 83px; background: url(../images/nav/bt_methodo2.jpg) no-repeat;}

div#nav a.bt_services {width: 80px; background: url(../images/nav/bt_services.gif) no-repeat;}
div#nav a.bt_services:hover, div#nav a.bt_services_on {width: 80px; background: url(../images/nav/bt_services2.gif) no-repeat;}

div#nav a.bt_actu {width: 69px; background: url(../images/nav/bt_actu.jpg) no-repeat;}
div#nav a.bt_actu:hover, div#nav a.bt_actu_on {width: 69px; background: url(../images/nav/bt_actu2.jpg) no-repeat;}

div#nav a.bt_references {width: 78px; background: url(../images/nav/bt_references.gif) no-repeat;}
div#nav a.bt_references:hover, div#nav a.bt_references_on {width: 78px; background: url(../images/nav/bt_references2.gif) no-repeat;}

div#nav a.bt_recrutement {width: 105px; background: url(../images/nav/bt_recrutement.jpg) no-repeat;}
div#nav a.bt_recrutement:hover, div#nav a.bt_recrutement_on {width: 105px; background: url(../images/nav/bt_recrutement2.jpg) no-repeat;}

div#nav a.bt_contact {width: 64px; background: url(../images/nav/bt_contact.gif) no-repeat;}
div#nav a.bt_contact:hover, div#nav a.bt_contact_on {width: 64px; background: url(../images/nav/bt_contact2.gif) no-repeat;}

/* sous menu */
div#content div#visu div#sous_menu {float: left; width: 344px; text-align: right; font-size: 12px; color: #FFF; font-weight: bold;}
div#content div#visu div#sous_menu a {text-decoration:none; clear: both; float: right; height: 17px; padding-top: 6px; color: #FFF; padding-right: 38px; display: block;}
div#content div#visu div#sous_menu a:hover {color: #3C6375; text-decoration: none;}
div#content div#visu div#sous_menu a.sous_on {color: #3C6375; background: url(img/bg_sous_menu_on.gif) repeat-x right bottom;}

h3.spip {color:#5B3602; font-weight:bold; font-size:12px;}


/* page index */
div#content div#home_top {float: left; width: 780px; min-height: 240px; _height: 240px; margin-left: 46px; _margin-left: 23px; background: url(img/bg-top-home.gif) no-repeat left bottom;}

div#content div#home_top div#home_1 {float: left; width: 427px;}
div#content div#home_top div#home_1 p.onglet_h1 {float: left; width: 402px; height: 21px; background: url(img/onglet-home-1.gif) no-repeat; font-size: 12px; color: #FFF; font-weight: bold; padding: 8px 0 0 25px;}
div#content div#home_top div#home_1 div#texte_h1 {float: left; width: 208px; font-size: 11px; color: #010101; line-height: 13px; padding: 20px 5px 10px 25px; text-align: justify;}
div#content div#home_top div#home_1 div#visu_h1 {float: left; width: 189px; padding: 11px 0; text-align: center;}

div#content div#home_top div#home_2 {float: left; width: 336px; margin-left: 17px;}
div#content div#home_top div#home_2 p.onglet_h2 {float: left; width: 320px; height: 21px; background: url(img/onglet-home-2.gif) no-repeat; font-size: 12px; color: #FFF; font-weight: bold; padding: 8px 0 0 16px;}
div#content div#home_top div#home_2 div#texte_h2 {float: left; width: 150px; font-size: 11px; color: #010101; line-height: 13px; padding: 20px 5px 10px 16px; text-align: justify;}
div#content div#home_top div#home_2 div#visu_h2 {float: left; width: 165px; padding: 11px 0; text-align: center;}

div#content div#home_bot {float: left; width: 780px; margin: 14px 0 0 46px; _margin-left: 23px; background: #FFF url(img/bg-bot-home-3.gif) no-repeat left bottom;}
div#content div#home_bot div#visu_bot {float: left; width: 249px; padding: 8px 0; text-align: center;}
div#content div#home_bot div#texte_bot {float: left; width: 531px;}
div#content div#home_bot div#texte_bot p.onglet_h3 {float: left; width: 505px; height: 21px; background: url(img/onglet-home-3.jpg) no-repeat; text-align: right; font-size: 12px; color: #FFF; font-weight: bold; padding: 8px 26px 0 0;}
div#content div#home_bot div#texte_bot p.paragraphe {float: left; width: 506px; font-size: 11px; color: #010101; line-height: 13px; padding: 20px 16px 10px 9px; text-align: justify;}

div#content div#home_top div#home_1 div#texte_h1 a, div#content div#home_top div#home_2 div#texte_h2 a, div#content div#home_bot div#texte_bot p.paragraphe a {color: #164D84; text-decoration: underline;}
div#content div#home_top div#home_1 div#texte_h1 a:hover, div#content div#home_top div#home_2 div#texte_h2 a:hover, div#content div#home_bot div#texte_bot p.paragraphe a:hover {text-decoration: none;}


/* page presse */
#pg_presse div#content div#texte div.titre {background: url(img/bg_titre2.gif) no-repeat;}

div#content div#texte div.bloc_presse {float: left; width: 419px; padding: 18px 33px 0 30px;}

div#content div#texte div.bloc_presse p.journal {float: left; width: 298px; padding: 0 0 3px 2px; font-size: 12px; color: #5B3602; font-weight: bold;}
div#content div#texte div.bloc_presse p.date {float: left; width: 117px; text-align: right; padding: 0 2px 3px 0; font-size: 12px; color: #5B3602; font-weight: bold;}

div#content div#texte div.bloc_presse p.resume {float: left; width: 417px; padding: 11px 0 8px 2px; font-size: 11px; color: #000;}
div#content div#texte div.bloc_presse p.resume a {color: #1B5086; text-decoration: underline;}
div#content div#texte div.bloc_presse p.resume a:hover {text-decoration: none;}

/* page dirigeants */
#pg_dirigeants div#content {width:834px; padding:25px 0 0px 46px;}

div#content div#dirig_1 {float:left; width:386px;}
div#content div#dirig_1 div#visu_1 {float:left; width:168px;}
div#content div#dirig_1 div#txt_1 {float:left; width:218px; height:371px; background:url(img/bg-dirig-1.gif) no-repeat;}
div#content div#dirig_1 div#txt_1 p.onglet {font-size:12px; color:#FFF; font-weight:bold; padding:8px 25px 0 25px; line-height:14px;}
div#content div#dirig_1 div#txt_1 p.resume {font-size:11px; color:#000; text-align:justify; padding:14px 25px 0 25px; line-height:13px;line-height: 16px;}

div#content div#dirig_2 {float:left; width:386px; padding-left:18px;}
div#content div#dirig_2 div#visu_2 {float:right; width:168px;}
div#content div#dirig_2 div#txt_2 {float:left; width:218px; height:371px; background:url(img/bg-dirig-2.gif) no-repeat;}
div#content div#dirig_2 div#txt_2 p.onglet {font-size:12px; color:#FFF; font-weight:bold; text-align:right; padding:8px 25px 0 0; line-height:14px;}
div#content div#dirig_2 div#txt_2 p.resume {font-size:11px; color:#000; text-align:justify; padding:14px 25px 28px 14px; line-height:13px;line-height: 16px;}




div#footer {float:left; width:880px; height:21px; background-color:#8E7A57; padding-top:9px; font-size:10px; color:#E2DACA; font-weight:bold; text-align:center;margin-top:27px;}
div#footer a {color:#E2DACA; text-decoration:underline;}
div#footer a:hover {text-decoration:none;}