body {
font : normal 11px verdana,arial,sans-serif;
color : #000033;
background-color: #fff;
text-align: center;
margin: 0;
padding: 0;
}

#bandeauHaut {
background: url(../images/bg-haut.jpg) left top repeat-x;
width: 100%;
height:270px;
}

#header {
position: relative;
width: 955px;
/*height:270px;*/
text-align: left;
margin: 0 auto; 
}

#header p {
float:left;
margin:0;
padding:20px 0 0 0;
width:650px;
color:#999999;
font-size:16px;
line-height:20px;
}

#header .logo {
float:left;
padding: 0;
}

#header #anim {
clear:both;
}

#header .fil {
position:absolute;
top:70px;
left:0;
color:#666;
padding:0 0 0 0;
z-index: 1;
}

#header .fil a {
color:#666;
text-decoration:none;
}

#conteneur {
position: relative;
top:10px;
text-align: left;
width: 955px;
margin: 0 auto; 
}

#index {
clear:both;
background: url(../images/bg-index.jpg) left top no-repeat;
width: 955px;
height:500px;
text-align:center;
padding:10px 0 0 0;
margin:5px 0 0 0;
}

#index p.titre {
margin:10px 0 0 0;
padding:0;
font-size:10px;
color:#fff;
}

#index #carrousel {
}

#index #actus {
width: 881px;
height: 22px;
background: url(../images/bg-bande-defilante.jpg) left top no-repeat;
margin:0 auto;
}

/* Scroller Box */
#scroller_container {
position: relative;
margin:0 0 0 125px;
width: 756px;
height: 22px;
overflow: hidden;
background: #fff;
}

#scroller {
white-space: nowrap;
line-height: 22px;
font-size: 10px;
color:#000033;
}

#scroller p {
padding: 0;
margin:0;
}

/* CSS Hack Safari */
#dummy {;# }

#scroller_container {
 overflow: auto;
}

/* Scoller Box */


#centre {
clear:both;
padding:0;
margin:0;
min-height: 510px;

}

* html #centre {
height: 510px;
}


#groupe {
background: url(../images/bg-groupe.jpg) left top no-repeat;
width:885px;
min-height:370px;
padding:0 0 0 70px;
margin:10px 0 0 0;
}

* html #groupe {
height: 370px;
}

#valeurs {
background: url(../images/bg-groupe-valeurs.jpg) left top no-repeat;
width:885px;
padding:0 0 0 70px;
margin:10px 0 0 0;
}

#valeurs .intro {
margin:43px 0 0 0;
float:left;
width:470px;
}

#valeurs .intro p {
font-size:11px;
}

#valeurs .video {
margin:40px 0 0 0;
padding:0 0 20px 0;
float:left;
width:350px;
}

#accrocheGroupe {
text-align:center;
padding:60px 0 0 0;
}

#groupe ul, #valeurs ul {
list-style-type: none;
margin:0;
padding:0;
}

#groupe ul li, #valeurs ul li {
background: url(../images/puce-rouge.gif) left 6px no-repeat;
padding:0 0 0 15px;
}

#groupe .mot {
padding:15px 0 0 15px;
}

#groupe .mot .photo {
float:left;
}

#groupe .mot p.texte {
margin:0;
padding:0 0 0 30px;
float:left;
width:290px;
font-size:12px;
text-align:justify;
line-height:23px;
}

#groupe .mot .signature {
clear:both;
margin:0;
padding:0 55px 0 0;
text-align:right;
font-style:italic;
font-size:12px;
line-height:23px;
}

#groupe .historique p, #valeurs p, #groupe .organisation p {
margin:0;
padding:10px 0 0 10px;
width:790px;
font-size:12px;
text-align:justify;
line-height:23px;
}

#groupe .historique .photo {
position:absolute;
left:555px;
}

#groupe .organisation {
position:relative;
}

#groupe .organisation .president {
position:absolute;
left:80px;
top:120px;
text-align:center;
width:171px;
}

#groupe .organisation .schema {
position:relative;
background: url(../images/bg-organigramme.jpg) left top no-repeat;
width:855px;
height:512px;
margin:60px 0 0 0;
}

#groupe .organisation .schema .filiale1 {
position:absolute;
left:312px;
top:20px;
text-align:center;
width:250px;
}

#groupe .organisation .schema .filiale2 {
	position:absolute;
	left:12px;
	top:180px;
	text-align:center;
	width:197px;
	height:136px;
}

#groupe .organisation .schema .filiale3 {
	position:absolute;
	left:225px;
	top:177px;
	text-align:center;
	width:197px;
	height:130px;
}

#groupe .organisation .schema .filiale4 {
	position:absolute;
	left:439px;
	top:177px;
	text-align:center;
	width:193px;
	height:149px;
}

#groupe .organisation .schema .filiale5 {
	position:absolute;
	left:653px;
	top:177px;
	text-align:center;
	width:192px;
	height:165px;
}

#groupe .organisation .schema .filiale6 {
	position:absolute;
	left:228px;
	top:362px;
	text-align:center;
	width:192px;
	height:141px;
}

#groupe .organisation .schema p {
line-height:14px;
font-size:11px;
text-align:left;
padding:10px 0 0 10px;
margin:0;
width:240px;
}

#groupe .organisation .schema .bleu {
line-height:14px;
color:#003399;
}

#groupe .activites {
}

#groupe .activites p {
margin:0;
padding:20px 0 0 10px;
width:790px;
font-size:12px;
text-align:justify;
line-height:19px;
}

#groupe .activites .phrase {
padding:20px 0 20px 15px;
}

#groupe .activites .filiales {
position:absolute;
left:19px;
background: url(../images/bg-logos-activites.jpg) left top no-repeat;
width:936px;
height:260px;
padding:0;
}

#groupe .activites .filiales .filiale {
float:left;
width:171px;
}

#groupe .activites .filiales .filiale .logo {
text-align:center;
/*height:69px;*/
width:100%;
padding:2px 0 0 0;

}

#groupe .activites .filiales .filiale .logo .fl {
margin:5px 0 0 0;
background-color:#cfd8e7;
}

#groupe .activites .filiales .filiale .desc {
background-color:#cfd8e7;
height:163px;
font-size:12px;
line-height:18px;
color:#333333;
padding:10px 3px 0 3px;
}

#groupe .activites .filiales .filiale .savoirplus {
position:absolute;
top:230px;
padding:0 0 0 3px;
}



#accrocheEntreprise {
text-align:center;
padding:60px 0 0 0;
}

#devdurable ul, #journal ul {
list-style-type: none;
margin:0;
padding:0;
}

#rh ul {
list-style-type: none;
margin:0;
padding:0 0 0 39px;
}

#politique ul {
list-style-type: none;
margin:0;
padding:0 0 0 21px;
}

#devdurable ul li, #rh ul li, #journal ul li, #politique ul li {
background: url(../images/puce-rouge.gif) left 6px no-repeat;
padding:0 0 0 15px;
}

#devdurable .haut, #journal .haut {
background: url(../images/bg-entreprise-haut.jpg) left top no-repeat;
width:895px;
height:128px;
padding:0 0 0 60px;
color:#000033;
}

#devdurable .bloc1 {
background: url(../images/bg-entreprise-bloc1.jpg) left top no-repeat;
width:895px;
padding:0 0 0 60px;
color:#000033;
font-size:12px;
line-height:18px;
}

#devdurable .bloc1 .schema {
width:520px;
text-align:center;
padding:20px 0 0 0;
}

#devdurable .photo {
position:absolute;
left:675px;
}

#devdurable p.intro {
margin:0;
padding:15px 0 25px 13px;
font-size:14px;
line-height:24px;
}

#devdurable .encart {
background-color:#669900;
width:620px;
height:49px;
padding:4px 0 0 0;
text-align:center;
color:#fff;
line-height:22px;
font-size:15px;
margin:20px auto 0 auto;
}

#rh .bloc2 {
background: url(../images/bg-entreprise-bloc2.jpg) left top no-repeat;
width:933px;
padding:0 0 0 22px;
color:#000033;
}

#rh .photo {
position:absolute;
left:570px;
padding:10px 0 0 0;
}

#rh .bloc2 .schema {
float:left;
width:527px;
text-align:center;
padding:50px 0 0 0;
}

#rh .bloc2 .engagements {
float:left;
width:405px;
padding:220px 0 0 0;
text-align:center;
}

#rh .bloc2 ul#enum {
list-style-type: none;
margin:30px 0;
padding:0;
text-align:left;
}

#rh .bloc2 ul#enum li {
background: url(../images/puce-orange.jpg) left top no-repeat;
padding:0 0 0 20px;
margin:20px 0 0 0;
color:#003366;
font-size:12px;
line-height:18px;
font-style:italic;
}

#rh .bloc2 ul#enum .gras {
font-weight:bold;
font-style:normal;
}

#journal p.intro {
margin:0;
padding:15px 0 25px 13px;
font-size:14px;
line-height:24px;
}

#journal .couv {
float:left;
margin:0 20px 0 15px;
}

#journal .bloc3 {
background: url(../images/bg-entreprise-bloc3.jpg) left top repeat-y;
width:895px;
padding:20px 0 0 60px;
color:#000033;
font-size:11px;
line-height:14px;
min-height:200px;
}

* html #journal .bloc3 {
height: 200px;
}

#journal .journalTexte {
float:left;
width:505px;
}

#journal .journalTexte .texte {
font-size:11px;
color:#000033;
line-height:15px;
padding:10px 10px 0 15px;
}

#journal .journalTexte .texte p {
margin:0;
padding:0;
}

#journal .journalTexte .texte p a, #journal .journalTexte .texte a  {
color:#000033;
text-decoration:underline;
}

#journal .journalPhoto {
float:left;
width:370px;
padding:0 0 0 7px;
}

#journal .separ {
 clear:both;
 padding:50px 0 0 0;
}

#politique .haut {
background: url(../images/bg-entreprise-haut.jpg) left top no-repeat;
width:915px;
padding:0 0 0 40px;
}

#politique p.intro {
margin:0;
padding:15px 0 15px 13px;
font-size:14px;
line-height:24px;
text-align:center;
color:#003333;
}

#politique .bloc1 {
background: url(../images/bg-entreprise-bloc1.jpg) left top no-repeat;
width:915px;
padding:20px 0 0 40px;
color:#000033;
font-size:12px;
line-height:18px;
}

#politique .bloc3 {
background: url(../images/bg-entreprise-bloc3.jpg) left top no-repeat;
width:915px;
padding:20px 0 0 40px;
color:#000033;
font-size:12px;
line-height:18px;
}

#politique .bloc1 p, #politique .bloc3 p {
margin:0;
padding:10px 0 20px 35px;
font-size:12px;
line-height:19px;
color:#000033;
}

/* SRC */

#activite1, #activite2, #activite3, #activite4, #activite5, #activite6 {
clear:both;
position:relative;
padding:0;
margin:15px 0 0 0;
}

#activite1 .haut {
background: url(../images/bg-activites-src-haut.jpg) left top no-repeat;
width:955px;
height:145px;
padding:0;
}

#activite1 .haut .logo, #activite2 .haut .logo, #activite3 .haut .logo, #activite5 .haut .logo , #activite6 .haut .logo {
float:left;
margin:40px 20px 0 20px;
}

#activite1 .haut p, #activite2 .haut p, #activite3 .haut p, #activite5 .haut p, #activite6 .haut p {
margin:0;
padding:65px 0 0 0;
font-size:20px;
color:#524133;
}

#activite1 .haut .bt1, #activite2 .haut .bt1, #activite3 .haut .bt1, #activite4 .haut .bt1, #activite5 .haut .bt1 , #activite6 .haut .bt1 {
position:absolute;
top:112px;
left:685px;
}

#activite1 .haut .bt2, #activite2 .haut .bt2, #activite3 .haut .bt2, #activite4 .haut .bt2, #activite5 .haut .bt2, #activite6 .haut .bt2 {
position:absolute;
top:112px;
left:777px;
}

#activite1 .chapeau {
background-color:#e8bc8c;
padding:25px 80px 0 80px;
height:117px;
}

#activite1 .chapeau p, #activite2 .chapeau p, #activite3 .chapeau p {
color:#524133;
font-size:14px;
line-height:22px;
text-align:justify;
width:770px;
margin:0;
padding:0;
}

#activite1 .bloc1 {
background: url(../images/bg-activites-src-bloc1.jpg) left top no-repeat;
width:955px;
height:391px;
padding:15px 0 0 0;
}

#activite1 .bloc1 span {
color:#524133;
font-size:9px;
}

#activite1 .titre1 {
clear:both;
background-color:#a63822;
height:68px;
padding:17px 0 0 0;
text-align:center;
}

#activite1 .bloc2 {
background: url(../images/bg-activites-src-bloc2.jpg) left top no-repeat;
width:915px;
height:650px;
padding:10px 0 0 40px;
}

#activite1 .bloc2 .gauche {
float:left;
width:470px;
}

#activite1 .bloc2 .droite {
float:left;
width:445px;
}

#activite1 .bloc2 .theme {
clear:both;
background: url(../images/trait-rouge-src.gif) left top no-repeat;
height:56px;
font-size:24px;
line-height:25px;
padding:4px 0 0 15px;
color:#19171b;
}

#activite1 .bloc2 .theme span {
font : normal 9px arial,verdana,sans-serif;
display:block;
padding:7px 0 0 3px;
}

#activite1 .bloc2 .real {
float:left;
margin:0 15px 0 0;
height:265px;
}

#activite1 .bloc2 .real span {
color:#524133;
font-size:9px;
}

#activite1 .bloc3 {
background: url(../images/bg-activites-src-bloc3.jpg) left top no-repeat;
width:912px;
padding:10px 0 0 43px;
text-align:center;
}

#activite1 .bloc3 p.titre {
font-size:25px;
line-height:32px;
margin:0;
padding:5px 0 22px 0;
}

#activite1 .bloc3 .pole, #activite2 .bloc3 .pole {
float:left;
width:228px;
text-align:left;
}

#activite1 .bloc3 .pole p, #activite2 .bloc3 .pole p {
margin:0;
padding:10px 0 30px 0;
line-height:17px;
width:193px;
text-align:justify;
}

#activite1 .bloc3 .pole .cap, #activite2 .bloc3 .pole .cap {
text-transform:uppercase;
font-weight:bold;
font-size:10px;
}

#activite1 .bloc4 {
background: url(../images/bg-activites-src-bloc4.jpg) left top no-repeat;
width:895px;
padding:0 0 0 60px;
}

#activite1 .bloc4 .col {
float:left;
width:315px;
}

#activite1 .bloc4 .col .titre {
background: url(../images/trait-rouge-src.gif) left top no-repeat;
height:56px;
font-size:24px;
line-height:29px;
padding:4px 0 0 15px;
}

#activite1 .bloc4 .col p {
margin:0;
padding:15px 0 20px 0;
line-height:17px;
width:260px;
text-align:justify;
}

#activite1 .synthese {
background-color:#574434;
height:105px;
color:#fff;
padding:20px 0 0 50px;
}

#activite1 .synthese p {
float:left;
font-size:17px;
font-weight:bold;
margin:0;
padding:20px 20px 0 0;
}

#activite1 .synthese .enum {
float:left;
width:270px;
line-height:17px;
padding:0 0 0 40px;
}

/* CIF */

#activite2 .haut {
background: url(../images/bg-activites-cif-haut.jpg) left top no-repeat;
width:955px;
height:145px;
padding:0;
}


#activite2 .chapeau {
background-color:#d3c3ae;
padding:25px 80px 0 80px;
height:117px;
}


#activite2 .bloc1 {
background: url(../images/bg-activites-cif-bloc1.jpg) left top no-repeat;
width:955px;
height:354px;
padding:40px 0 0 0;
}

#activite2 .bloc2 {
background: url(../images/bg-activites-cif-bloc2.jpg) left top no-repeat;
width:936px;
padding:10px 0 0 19px;
}

#activite2 .bloc2 .gammes {
text-align:center;
height:117px;
}

#activite2 .bloc2 .gamme {
float:left;
width:177px;
}

#activite2 .bloc2 .gamme .logo {
}

#activite2 .bloc2 .gamme p {
font-size:10px;
color:#666;
line-height:14px;
margin:0;
padding:20px 0 5px 0;
text-align:justify;
}

#activite2 .bloc3 {
background: url(../images/bg-activites-cif-bloc3.jpg) left top no-repeat;
width:912px;
padding:20px 0 0 43px;
text-align:center;
}

#activite2 .bloc3 .chiffres {
text-align:center;
height:117px;
}

#activite2 .bloc3 p.titre {
color:#a74c21;
font-size:25px;
line-height:32px;
margin:0;
padding:0 0 20px 0;
}

/* PREFA */

#activite3 .haut {
background: url(../images/bg-activites-prefa-haut.jpg) left top no-repeat;
width:955px;
height:145px;
padding:0;
}

#activite3 .chapeau {
background-color:#eeebe9;
padding:25px 80px 0 80px;
height:165px;
}

#activite3 .bloc1 {
background: url(../images/bg-activites-prefa-bloc1.jpg) left top no-repeat;
width:955px;
height:399px;
padding:15px 0 0 0;
}

#activite3 .bloc1 span {
color:#524133;
font-size:9px;
}

#activite3 .bloc2 {
background: url(../images/bg-activites-prefa-bloc2.jpg) left top no-repeat;
width:935px;
height:564px;
padding:0 0 0 20px;
}

#activite3 .titre1 {
clear:both;
background-color:#848287;
height:73px;
padding:19px 0 0 0;
text-align:center;
}

#activite3 .titre2 {
clear:both;
background-color:#9e9d9d;
height:78px;
padding:19px 0 0 0;
text-align:center;
}

#activite3 .bloc2 .real {
float:left;
width:275px;
height:283px;
padding:0 0 0 30px;
}

#activite3 .bloc2 .savoirfaire {
clear:both;
color:#fff;
height:68px;
font-weight:bold;
line-height:22px;
padding:10px 0 0 0;
}

#activite3 .bloc2 .savoir1 {
float:left;
padding:15px 0 0 100px;
text-align:center;
}

#activite3 .bloc2 .savoir1 p {
padding:10px 0 0 0;
margin:0;
line-height:15px;
text-align:left;
}

#activite3 .bloc2 .savoirfaire .btp {
background-color:#65686e;
padding:2px 3px;
}

#activite3 .bloc2 .theme {
background: url(../images/trait-rouge-src.gif) left top no-repeat;
height:56px;
font-size:24px;
line-height:25px;
padding:4px 0 0 15px;
color:#211e22;
}

#activite3 .bloc3 {
background: url(../images/bg-activites-prefa-bloc3.jpg) left top no-repeat;
width:955px;
height:859px;
padding:0 0 0 0;
}

#activite3 .bloc3 .titre {
height:77px;
padding:17px 0 0 0;
text-align:center;
}

#activite3 .bloc3 .gauche {
float:left;
width:410px;
padding:30px 0 0 70px;
}

#activite3 .bloc3 .gauche p {
font-weight:bold;
width:325px;
line-height:17px;
text-align:justify;
}

#activite3 .bloc3 .gauche .photos {
float:left;
width:125px;
margin:15px 0 0 0;
}

#activite3 .bloc3 .gauche .enum {
float:left;
line-height:17px;
width:195px;
text-align:justify;
margin:15px 0 0 0;
}

#activite3 .bloc3 .droite {
float:left;
width:450px;
padding:30px 0 0 0;
}

#activite3 .bloc3 .droite p {
line-height:17px;
margin:0 0 0 0;
padding:0;
}

#activite3 .bloc3 .droite p.intro {
line-height:17px;
margin:10px 0 25px 0;
padding:0;
}

#activite3 .bloc3 .droite .cap {
text-transform:uppercase;
font-weight:bold;
font-size:10px;
}

#activite3 .bloc3 .encart {
background-color:#59514d;
width:460px;
height:80px;
padding:5px 0 0 0;
text-align:center;
color:#fff;
line-height:22px;
font-size:15px;
margin:40px auto 0 auto;
}

#activite3 .bloc4 {
background: url(../images/bg-activites-prefa-bloc4.jpg) left top no-repeat;
width:845px;
height:496px;
padding:0 0 0 110px;
}

#activite3 .bloc4 .intro {
background: url(../images/trait-rouge-src.gif) left top no-repeat;
font-size:16px;
line-height:22px;
padding:14px 0 0 15px;
color:#333;
}

#activite3 .bloc4 .col {
float:left;
width:245px;
font-size:12px;
line-height:19px;
margin:15px 0 0 0;
padding:0 0 0 15px;
}

/* FIP */

#activite4 .haut {
background: url(../images/bg-activites-fip-haut.jpg) left top no-repeat;
width:955px;
height:145px;
padding:0;
}

#activite4 .haut .logo {
float:left;
margin:30px 100px 0 80px;
}

#activite4 .haut p {
margin:0;
padding:65px 0 0 0;
font-size:20px;
color:#524133;
}

#activite4 .chapeau {
background-color:#eeebe9;
padding:25px 80px 0 80px;
height:117px;
}

#activite4 .chapeau p {
color:#333333;
font-size:14px;
line-height:22px;
text-align:justify;
width:770px;
margin:0;
padding:0;
}

#activite4 .bloc1 {
background: url(../images/bg-activites-fip-bloc1.jpg) left top no-repeat;
width:955px;
height:391px;
padding:15px 0 0 0;
}

#activite4 .titre1 {
clear:both;
background-color:#86816f;
height:71px;
padding:19px 0 0 0;
text-align:center;
}

#activite4 .bloc2 {
background: url(../images/bg-activites-fip-bloc2.jpg) left top no-repeat;
width:915px;
padding:0 0 0 40px;
}

#activite4 .bloc2 .col, #activite4 .bloc4 .col {
float:left;
width:320px;
}

#activite4 .bloc2 .col .titre, #activite4 .bloc4 .col .titre {
background: url(../images/trait-vert-fip.gif) left top no-repeat;
height:56px;
font-size:24px;
line-height:29px;
padding:4px 0 0 15px;
}

#activite4 .bloc2 .col p, #activite4 .bloc4 .col p {
margin:0;
padding:15px 0 20px 0;
line-height:17px;
width:245px;
text-align:justify;
}

#activite4 .bloc2 .cap, #activite4 .bloc4 .cap {
text-transform:uppercase;
font-weight:bold;
font-size:10px;
}

#activite4 .bloc2 .legende {
color:#524133;
font-size:9px;
}

#activite4 .bloc3 {
background: url(../images/bg-activites-fip-bloc3.jpg) left top no-repeat;
width:912px;
padding:10px 0 0 43px;
text-align:center;
}

#activite4 .bloc3 .titre2 {
height:85px;
padding:15px 0 0 0;
}

#activite4 .bloc3 .titre3 {
height:78px;
padding:12px 0 0 0;
}

#activite4 .bloc3 .spec {
float:left;
width:247px;
text-align:center;
}

#activite4 .bloc3 .spec2 {
float:left;
width:420px;
text-align:center;
}

#activite4 .bloc3 .spec p, #activite4 .bloc3 .spec2 p {
margin:0;
padding:10px 0 5px 0;
line-height:17px;
text-align:justify;
}

#activite4 .bloc3 .cap {
text-transform:uppercase;
font-weight:bold;
font-size:10px;
}

#activite4 .bloc4 {
background: url(../images/bg-activites-fip-bloc4.jpg) left top no-repeat;
width:912px;
padding:0 0 0 43px;
}

#activite4 .bloc4 .titre4 {
height:81px;
padding:18px 0 0 0;
text-align:center;
}

/* SOGEC */

#activite5 .haut {
background: url(../images/bg-activites-sogec-haut.jpg) left top no-repeat;
width:955px;
height:145px;
padding:0;
}

#activite5 .chapeau {
background-color:#eeebe9;
padding:25px 80px 0 80px;
height:92px;
}

#activite5 .chapeau p {
color:#333333;
font-size:14px;
line-height:22px;
text-align:justify;
width:770px;
margin:0;
padding:0;
}

#activite5 .bloc1 {
background: url(../images/bg-activites-sogec-bloc1.jpg) left top no-repeat;
width:955px;
height:478px;
padding:0 0 0 0;
}

#activite5 .bloc2 {
background: url(../images/bg-activites-sogec-bloc2.jpg) left top no-repeat;
width:935px;
height:455px;
padding:0 0 0 20px;
}

#activite5 .bloc2 .gauche {
float:left;
width:430px;
}

#activite5 .bloc2 .droite {
float:left;
width:500px;
}

#activite5 .bloc2 .titre {
height:77px;
padding:32px 0 0 0;
text-align:center;
}

#activite5 .bloc2 p {
margin:30px 0 0 90px;
padding:0;
text-align:justify;
line-height:15px;
}


#titreActualites {
text-align:center;
padding:40px 0 10px 0;
}

#actualitesHaut {
background: url(../images/bg-actualites-haut.jpg) left top no-repeat;
width:895px;
height:48px;
padding:0 0 0 60px;
}

#actualites {
background: url(../images/bg-actualites.jpg) left top repeat-y;
width:885px;
padding:0 0 20px 70px;
min-height: 320px;
}

* html #actualites {
height: 320px;
}

#actualites .actuTexte {
float:left;
width:505px;
}

#actualites .actuPhoto {
float:left;
width:370px;
padding:0 0 0 7px;
}

#actualites .actuTexte ul#titreactu {
list-style-type: none;
margin:0;
padding:0;
}

#actualites .actuTexte ul#titreactu li {
background: url(../images/puce-orange.gif) left 6px no-repeat;
padding:0 0 0 15px;
}

#actualites .actuTexte ul#titreactu li .titre {
background-color:#fb8802;
color:#fff;
font-size:13px;
padding:2px 5px;
}

#actualites .actuTexte .texte {
font-size:11px;
color:#000033;
line-height:15px;
padding:10px 10px 0 15px;
}

#actualites .actuTexte .texte p {
margin:0;
padding:0;
}

#actualites .actuTexte .texte p a, #actualites .actuTexte .texte a {
color:#000033;
text-decoration:underline;
}

#actualites .separ {
 clear:both;
 padding:50px 0 0 0;
}

#titreCommuniques {
text-align:center;
padding:40px 0 10px 0;
}

#dossiercommHaut {
background: url(../images/bg-communiques-haut.jpg) left top no-repeat;
width:895px;
height:58px;
padding:0 0 0 60px;
}

#dossiercommHaut ul {
float:left;
list-style-type: none;
margin:0;
padding:0 212px 0 0;
}

#dossiercommHaut ul li {
background: url(../images/puce-rouge.gif) left 6px no-repeat;
padding:0 0 0 15px;
}

#dossiercomm {
background: url(../images/bg-communiques.jpg) left top repeat-y;
width:885px;
padding:0 0 20px 70px;
min-height: 320px;
}

* html #dossiercomm {
height: 320px;
}

#dossier {
float:left;
width:430px;
}

#communiques {
float:left;
width:430px;
}

#communiques .titreComm, #dossier .titreComm {
color:#0033cc;
padding:0;
font-size:13px;
line-height:18px;
width:375px;
}

#communiques .texteComm, #dossier .texteComm {
font-size:11px;
color:#000033;
line-height:17px;
padding:15px 0 0 0;
text-align:justify;
width:375px;
}

#communiques .texteComm p, #dossier .texteComm p {
margin:0;
padding:0;
}

#communiques .texteComm p a, #communiques .texteComm a, #dossier .texteComm a {
color:#000033;
text-decoration:underline;
}

#communiques .separ, #dossier .separ {
clear:both;
padding:20px 0 0 0;
background: url(../images/communiques-separ.jpg) left top no-repeat;
width:375px;
height:10px;
}

#titrePresse {
text-align:center;
padding:40px 0 10px 0;
}

#presseHaut {
background: url(../images/bg-presse-haut.jpg) left top no-repeat;
width:875px;
height:160px;
padding:0 0 0 80px;
text-align:center;
}

#presseHaut p {
margin:0;
padding:10px 0 0 0;
font-size:14px;
line-height:21px;
width:840px;
}

#presseHaut .bt {
vertical-align:-10px;
margin:12px 0 0 0;
} 

#presse {
background: url(../images/bg-presse.jpg) left top repeat-y;
width:875px;
padding:15px 0 20px 80px;
min-height: 320px;
}

* html #presse {
height: 320px;
}

#presse ul {
list-style-type: none;
margin:0;
padding:0;
}

#presse ul li {
background: url(../images/puce-bleue.gif) left 6px no-repeat;
padding:0 0 0 15px;
}

#presse .article {
float:left;
width:420px;
padding:20px 0 0 15px;
}

#presse .article .photo {
float:left;
width:125px;
}

#presse .article .texte {
float:left;
font-size:11px;
line-height:14px;
width:240px;
}

#presse .article .texte .parution {
font-style:italic;
}

#presse .article .texte .lire {
color:#ff0000;
}

#presse .article .texte .lire a {
color:#ff0000;
text-decoration:none;
}

#presse .separ {
clear:both;
padding:50px 0 0 0;
}

#presse .msg {
padding:15px 0 0 15px;
}

#pressePhotosHaut {
background: url(../images/bg-presse-photos-haut.jpg) left top no-repeat;
width:885px;
height:60px;
padding:0 0 0 70px;
}

#pressePhotosHaut ul, #pressePhotos ul {
list-style-type: none;
margin:0;
padding:0;
}

#pressePhotosHaut ul li, #pressePhotos ul li {
background: url(../images/puce-rouge.gif) left 6px no-repeat;
padding:0 0 0 15px;
}

#pressePhotos {
background: url(../images/bg-presse-photos.jpg) left top repeat-y;
width:885px;
padding:0 0 20px 70px;
min-height: 320px;
}

* html #pressePhotos {
height: 320px;
}

#pressePhotos .video {
float:left;
padding:0 70px 30px 15px;
}

#pressePhotos .video .legende {
width:350px;
font-size:10px;
line-height:11px;
padding:10px 0 0 0;
}

#pressePhotos .photo {
float:left;
width:200px;
padding:20px 0 0 15px;
}

#pressePhotos .photo .legende {
width:200px;
font-size:10px;
line-height:11px;
padding:10px 0 0 0;
}

#pressePhotos .photo .legende a {
color : #000033;
}

#pressePhotos .separ {
clear:both;
padding:20px 0 0 0;
}

#pressePhotos .msg {
padding:15px 0 15px 15px;
}

#titreRecrutement {
text-align:center;
padding:60px 0 20px 0;
}

#recrutementHaut {
background: url(../images/bg-recrutement-haut.jpg) left top no-repeat;
width:895px;
height:23px;
padding:30px 0 0 60px;
}

#recrutementHaut ul#secteur, #postuler ul#secteur {
list-style-type: none;
margin:0;
padding:0;
}

#recrutementHaut ul#secteur li, #postuler ul#secteur li {
background: url(../images/puce-rouge.gif) left 6px no-repeat;
padding:0 0 0 15px;
}

#recrutementHaut ul#secteur li .nom, #postuler ul#secteur li .nom {
background-color:#ff0000;
color:#fff;
font-size:10px;
text-transform:uppercase;
padding:0 5px;
}

#recrutement {
background: url(../images/bg-recrutement.jpg) left top repeat-y;
width:885px;
padding:0 0 20px 70px;
}

#recrutement #offres {
background: url(../images/bg-recrutement-offres.jpg) left top no-repeat;
width:816px;
margin:0;
padding:10px 0 0 3px;
min-height: 680px;
}

* html #recrutement #offres  {
height: 680px;
}

#recrutement #offresBas {
background: url(../images/bg-recrutement-offres-bas.jpg) left top no-repeat;
width:819px;
height:24px;
}

#recrutement #offres .titre {
color:#ff0000;
font-size:15px;
padding:5px 0 5px 10px;
margin:5px 5px 0 0;
border-top:solid 1px #ff0000;
border-bottom:solid 1px #ff0000;
}

#recrutement #offres .descriptif {
color:#666;
padding:10px 20px 0 25px;
line-height:15px;
font-size:11px;
}

#recrutement #offres .descriptif p {
color:#666;
padding:0;
margin:0;
line-height:15px;
font-size:11px;
}

#recrutement #offres .descriptif .filiale {
color:#3366cc;
}

#recrutement #offres .resultat {
color:#666;
padding:10px 20px 0 25px;
}

#postuler {
background: url(../images/bg-postuler.jpg) left top no-repeat;
width:895px;
padding:30px 0 10px 60px;
}

#postuler p {
color:#666;
font-size:12px;
line-height:16px;
}

#postuler .formulaire {
background: url(../images/bg-postuler-form.jpg) left top no-repeat;
width:819px;
height:500px;
padding:6px 0 0 0;
margin:10px 0 0 10px;
}


#titreContact {
text-align:center;
padding:60px 0 20px 0;
}

#contact {
background: url(../images/bg-contact.jpg) left top no-repeat;
width:885px;
padding:0 0 0 70px;
}

#contact .logo {
float:left;
width:210px;
}

#contact .adresse {
float:left;
width:340px;
}

#contact .adresse ul {
list-style-type: none;
margin:0;
padding:0;
}

#contact .adresse ul li {
background: url(../images/puce-rouge.gif) left 6px no-repeat;
padding:0 0 0 15px;
}

#contact .adresse p {
margin:0;
padding:20px 0 0 14px;
font-size:14px;
color:#000033;
line-height:19px;
}

#contact .adresse a {
color:#000033;
text-decoration:underline;
}

#contact .adresse .bgblanc {
background-color:#fff;
width:239px;
height:42px;
margin:20px 0 0 15px;
padding:0 0 0 4px;
font-size:14px;
color:#000033;
line-height:19px;
}

#contact .plan {
float:left;
width:270px;
}

#contact .separ {
 clear:both;
 padding:50px 0 0 0;
}

#map {
clear:both;
width:600px;
height:400px;
margin:0 0 0 225px;
}

#titrePlansite {
text-align:center;
padding:40px 0 10px 0;
}

#plansite {
background: url(../images/bg-groupe.jpg) left top no-repeat;
width:905px;
padding:5px 0 10px 50px;
margin:10px 0 0 0;
}

ul#plan {
line-height:20px;
margin:20px 0 0 0;
font-size:12px;
line-height:23px;
}

ul#plan li a {
color:#000033;
text-decoration:none;
}

ul#plan li a:hover {
color:#000033;
text-decoration:underline;
}

.clear {
 clear:both;
}

.separation {
 clear:both;
 visibility:hidden;
}

#pied {
clear:both;
padding:5px 0;
text-align:center;
font-size:10px;
color:#333;

}


#pied a {
color:#333;
text-decoration:none;
}

#formContact {margin:15px 0 0 0; }
#formContact .input { font : normal 11px verdana,arial,sans-serif;margin-top:8px;width:560px;}
#formContact label { DISPLAY: inline ; FLOAT: left ; font : normal 12px verdana,arial,sans-serif; WIDTH: 180px ; color:#3366cc; text-align:right; margin:8px 10px 0 0;  }
#formContact .textarea { font : normal 11px verdana,arial,sans-serif; width:560px; height:50px;margin-top:8px; }

#formRecrut {margin:15px 0 0 0; }
#formRecrut .input { font : normal 11px verdana,arial,sans-serif;margin-top:8px;width:480px;}
#formRecrut label { DISPLAY: inline ; FLOAT: left ; font : normal 12px verdana,arial,sans-serif; WIDTH: 250px ; color:#ff0000; text-align:right; margin:8px 10px 0 0;  }
#formRecrut .textarea { font : normal 11px verdana,arial,sans-serif; width:480px; height:50px;margin-top:8px; }
#formRecrut .parcourir { font : normal 11px verdana,arial,sans-serif;margin-top:8px;}




/*
 * Sneo - 29/11/2011
 * Activité - Habitat groupe 
*/
.clearBoth{
    clear: both;
}
.floatLeft{
    float: left;
}
.floatRight{
    float: right;
}
#activite6 .haut {
    background: #fff;
    width:955px;
    height:145px;
    padding:0;
}


#activite6 .chapeau {
    background-color:#f7ba98;
    padding:10px 20px 5px 30px;
    color: #524133;
    font-size: 14px;
    line-height: 25px;
}


#activite6 .bloc1 {
    background: #e6ded2 url(../images/habitat_groupe/bloc1_border.png) left top repeat-y;
    width: 955px;
    height: 437px;
    position: relative;
}
.bloc1 .blocImages{
    position: relative;
    display: block;
}
.bloc1 .blocImages div{
    position: absolute;
}
.bloc1 .blocImages div span{
    display: block;
    font-size: 10px;
    font-family: arial;
}
.bloc1 .blocImages div#bloc1img1{
    top:0;
    left:19px;
    width: 554px;
    text-align: right;
}
.bloc1 .blocImages div#bloc1img2{
    top: 0;
    right: 30px;
    width: 322px;
}
.bloc1 .blocImages div#bloc1img3{
    top: 256px;
    left: 85px;
    width: 261px;
}
.bloc1 .blocImages div#bloc1img4{
    top: 256px;
    left: 380px;
    width: 195px;
}

#activite6 .bloc2 {
    background: #fff url(../images/habitat_groupe/bloc1_border.png) left top repeat-y;
    width:936px;
    padding: 0px 0 0 19px;
    position: relative;
}
.bloc2 .offre{
    float: left;
    width: 29%;
    padding: 0 1% 0 3%;
}
.bloc2 .offre span{
    display: block;
    font-size: 10px;
    font-family: arial;
    position: relative; 
    top: -9px;
    margin-bottom: 5px;
}
.bloc2 .offre h2{
    display: block;
    font-size: 23px;
    border-left: 8px #E2001A solid;
    font-weight: normal;
    padding: 0 0 7px 5px;
    margin: 0 0 10px 0;
    
}

#activite6 .bloc3 {
    background: #ddd5d1 url(../images/habitat_groupe/bloc1_border.png) left top repeat-y;
    width:auto;
    padding: 0px 0 50px 0px;
    position: relative;
}

.bloc3 .approche{
    float: left;
    width: 400px;
    padding: 0 0 0 49px;
    position: relative;
}
.bloc3 #approche1{
    width: 450px;
    padding: 0 0 0 50px;
}
.bloc3 #approche2{
    width: 390px;
    padding: 0 0 0 50px;
}
.bloc3 .approche span{
    font-size: 12px;
}
.bloc3 #approche1 span{
    width: 325px;
    padding: 0 0 0 10px;
}
.bloc3 #approche2 span{
    width: 185px;
    padding: 0 0 0 10px;
}


#activite6 .bloc4 {
    background: #e5ded1 url(../images/habitat_groupe/bloc4_border.png) left top repeat-y;
    width:auto;
    padding: 0px 0 0 0;
    position: relative;
}

#activite6 .bloc4 .chapeau{
    background: #fff url(../images/habitat_groupe/bloc1_border.png) left top repeat-y;
    width:auto;
    padding: 10px 20px 15px 20px;
    font-size: 23px;
    font-weight: normal;
    text-align: center;
    line-height: 33px;
    margin-bottom: 40px; 
}
.bloc4 .table1{
    margin: 0 60px 0 88px;
}
.bloc4 .table2{
    margin: 10px 80px 0 88px;
    position: relative;
}
.bloc4 .table1 td{
    width: 30%;
    padding: 0 10px;  
}
.bloc4 .table1 td.last{
    padding: 0 0px 0 0;  
}
.bloc4 .table2 td{
    width: 15%;
    padding: 0 0px;  
}
.bloc4 td{
    vertical-align: top;
}
.bloc4 td span{
    display: block;
    font-size: 10px;
    font-family: arial;
    position: relative; 
    margin-bottom: 5px;
    padding: 7px 7px;
}
.bloc4 .table1 span{
    text-align:justify;
}
.bloc4 .table2 span{
    width: 78%;
    text-align: left;
    padding: 7px 14px;
}


#activite6 .bloc5 {
    position: relative;
    background: #fff url(../images/habitat_groupe/bloc5_border.png) left top repeat-y;
    width:936px;
    padding: 0px 0 0 19px;
}
.bloc5 .env{
    float: left;
    width: 49%;
    padding: 0 1% 0 3%;
}
.bloc5 .env span{
    display: block;
    font-size: 12px;
    margin-bottom: 35px;
    line-height: 20px;
}
.bloc5 .env h2{
    display: block;
    font-size: 23px;
    border-left: 8px #E2001A solid;
    font-weight: normal;
    padding: 0 0 7px 5px;
    margin: 0 0 10px 0;
    
}
.bloc5 .env1{
    width: 480px;
    padding: 0 60px 0 70px;
}
.bloc5 .env2{
    width: 303px;
    padding: 0 0px 0 00px;
}