body{
background:url(img/bandefond.jpg) repeat-x;
background-color:#353437;
}
img {
	border: none;
}
a {
	color: inherit;
}

li a {
	text-decoration: none;
}

div {
	z-index: 1;
}

/* ACCUEIL*/
#contenu {
background-image:url(img/fondtop.jpg);
background-repeat: no-repeat;
height:390px;
width:902px;
margin-left:auto;
margin-right:auto;
margin-top:104px;
}

#logo{
height:120px;
width:300px;
margin-top:-1px;
float:left;
}


.accroche{
position:absolute;
margin-left:285px;
margin-top:80px;
font-family:Arial;
font-size:14px;
color:#4b4a4d;
}

#infos{

border-left : solid #504f52 2px;
height:80px;
float:left;
margin-left:415px;
margin-top:12px;
padding-left:37px;
padding-top:15px;
}

.texteinfos, .texteinfos a {
font-family:Arial;
color:#4b4a4d;
font-size:10px;
}


#photos{

height:390px;
width:910px;
margin-left:2px;
margin-top:-2px;
}


.ombre_droite{
float:right;
margin-top:-392px;
}


/* MENU
#menu{
margin-top:-30px;
} */

#btn1{
width:133px;
height:33px;
background:url(img/btn_moyen.jpg);
border-right:solid black 1px;
margin-left:200px;
float:left;
}

#btn1:hover{
background:url(img/btn_moyen_over.jpg);
}

#btn2{
width:103px;
height:33px;
background:url(img/btn_savoir.jpg);
border-right:solid black 1px;
float:left;
}

#btn2:hover{
background:url(img/btn_savoir_over.jpg);
}

#btn3{
width:111px;
height:33px;
background:url(img/btn_programme.jpg);
border-right:solid black 1px;
float:left;
}

#btn3:hover{
background:url(img/btn_programme_over.jpg);
}

#btn4{
width:107px;
height:33px;
background:url(img/btn_realisation.jpg);
border-right:solid black 1px;
float:left;
}

#btn4:hover{
background:url(img/btn_realisation_over.jpg);
}

#btn5{
width:170px;
height:33px;
background:url(img/btn_client.jpg);
float:left;
}

#btn5:hover{
background:url(img/btn_client_over.jpg);
}


/* MOYENS HUMAIN */

#contenaire{
margin-top:-38px;
height:580px;
width:900px;
margin-left:auto;
margin-right:auto;
position: relative;
}

#contenaire > #footer, #contenaire > #footer2 {
	top: 630px !important;
}

#logo2{
height:120px;
width:300px;
margin-top:-1px;
margin-left:10px;
float:left;
}

#groupe{
position:absolute;
background:url(img/groupeosi_img.jpg) no-repeat;
width:300px;
height:198px;
margin-left:480px;
margin-top:60px;
}

.txt{
margin-left:-140px;
margin-top:5px;
font-family:arial;
font-size:14px;
color:#4b4a4d;
text-align:left;
}

.promotion
{
margin-left:60px;
margin-top:-12px;
font-family:arial;
font-size:12px;
color:white;
}

.commercialisation
{
margin-left:60px;
margin-top:12px;
font-family:arial;
font-size:12px;
color:white;
}

.location
{
margin-left:60px;
margin-top:10px;
font-family:arial;
font-size:12px;
color:white;
}

#fondtexte{
position:absolute;
width:529px;
height:276px;
background:url(img/fondtxt.jpg);
top:275px;
left:343px;
}

#fondtexte a {
	color: #0000CC;
}

#moyensOrganigramme {
	position: absolute;
	left: 347px;
	top: 10px;
}

.fondtxt{
padding-top:22px;
padding-left:20px;
width: 483px;
font-family:arial;
font-size:11px;

text-align:justify;
color:#4b4a4d;
}

.fondtxt div {
}

#footer{
font-family:arial;
font-size:10px;
color:white;
text-align:center;
left: 30px;
top: 590px;
position: absolute;
}

.link{
color:white;
text-decoration:underline;
}

#contenant {
background-image:url(img/moyen_img.jpg);
background-repeat:no-repeat;
background-position: bottom left;
background-color:white;
height:580px;
width:887px;
position: relative;
}

.bg_d{
position:absolute;
right: -18px;
}

#btn1_2{
width:133px;
height:33px;
background:url(img/btn_moyen_over_2.jpg);
border-right:solid #353437 1px;
margin-left:200px;
float:left;
}

#btn1_2:hover{
background:url(img/btn_moyen_over_2.jpg);
}

#btn2_2{
width:103px;
height:33px;
background:url(img/btn_savoir_2.jpg);
border-right:solid #353437 1px;
float:left;
}

#btn2_2:hover{
background:url(img/btn_savoir_over.jpg);
}

#btn3_2{
width:111px;
height:33px;
background:url(img/btn_programme_2.jpg);
border-right:solid #353437 1px;
float:left;
}

#btn3_2:hover{
background:url(img/btn_programme_over.jpg);
}

#btn4_2{
width:auto;
height:33px;
background:url(img/btn_realisation_2.jpg);
border-right:solid #353437 1px;
float:left;
}

#btn4_2:hover{
background:url(img/btn_realisation_over.jpg);
}

#btn5_2{
width:177px;
height:33px;
background:url(img/btn_client_2.jpg);
float:left;
}

#btn5_2:hover{
background:url(img/btn_client_over_2.jpg);
}

#texteLogo {
	position: absolute;
	display: block;
	top: 110px;
	left: 15px;
	z-index: 20;
}


/* SAVOIR FAIRE */
div#lienOrga {
	color: #4b4a4d;
	font-family: Arial;
	font-style: italic;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #4b4a4d;
	
	position: absolute;
	top: 51px;
	right: 28px;

	width: 150px;
	height: 30px;
	text-align:center;
}

div#lienOrga a {
	color: #FFFFFF;
	display: block;
	height: 30px;
	width: 121px;
	padding-left: 29px;
	padding-top: 8px;
}

div#lienOrga img {
	position: absolute;
	top: 0;
	left: 0;
}

#contenant2 {
background-image:url(img/savoir_img.jpg);
background-repeat:no-repeat;
background-position: bottom left;
background-color:white;
height:580px;
width:887px;
position: relative;
}

#contenant3 {
background-image:url(img/savoir_img2.jpg);
background-repeat:no-repeat;
background-position: bottom left;
background-color:white;
height:580px;
width:887px;
position: relative;
}

#contenant4 {
background-image:url(img/savoir_img3.jpg);
background-repeat:no-repeat;
background-position: bottom left;
background-color:white;
height:580px;
width:887px;
position: relative;
}

.savoir1{
margin-left:30px;
text-decoration:none;
font-family:arial;
font-size:11px;
font-weight:bold;
font-style:italic;
color:#d09d18;
}
.savoir1:hover{
color:#d09d18;
}

.savoir2{
margin-left:30px;
text-decoration:none;
font-family:arial;
font-size:11px;
font-weight:bold;
font-style:italic;
color:#4b4a4d;
text-transform: uppercase;
}
.savoir2:hover{
text-decoration: underline !important;
}

#btn1_3{
width:133px;
height:33px;
background:url(img/btn_moyen_2.jpg);
border-right:solid #353437 1px;
margin-left:200px;
float:left;
}

#btn1_3:hover{
background:url(img/btn_moyen_over_2.jpg);
}

#btn2_3{
width:103px;
height:33px;
background:url(img/btn_savoir_over.jpg);
border-right:solid #353437 1px;
float:left;
}

#btn2_3:hover{
background:url(img/btn_savoir_over.jpg);
}

#fondtxt_savoir1{
position:absolute;
width:528px;
height:414px;
background:url(img/fond_sf.jpg);
margin-top:0px;
margin-left:330px;
}

.titre-savoir1{
font-family:arial;
font-size:14px;
font-style:italic;
color: #4B4A4D;
margin-top:10px;
margin-left:335px;
margin-bottom: 10px;
}

#fondtxt_savoir1 .titre-savoir1 {
	margin-top: 17px;
	margin-left: 30px;
}

.txt_savoir1{
padding-top:9px;
padding-left:45px;
font-family:arial;
font-size:11px;
width:450px;
text-align:justify;
color:#4b4a4d;
}

.txt_savoir2{Exprimez-vousCe 
padding-top:14px;
padding-left:48px;
font-family:arial;
font-size:11px;
font-style:italic;
width:450px;
text-align:justify;
color:#4b4a4d;
}

.titre_savoir_para{
font-style:italic;
display: block;
margin-top: 10px;
}
.titre_savoir_para strong {
	font-size:12px;
}

/* PROGRAMME */
#btn3_4{
width:111px;
height:33px;
background:url(img/btn_programme_over.jpg);
border-right:solid #353437 1px;
float:left;
}

#btn3_4:hover{
background:url(img/btn_programme_over.jpg);
}

.progra1{
text-decoration:none;
font-family:arial;
font-size:11px;
font-weight:bold;
font-style:italic;
color:#bd6e18;
}
.progra1:hover{
color:#bd6e18;
}

.progra2{
text-decoration:none;
font-family:arial;
font-size:11px;
font-weight:bold;
font-style:italic;
color:#4b4a4d;
}
.progra2:hover{
color:#bd6e18;
}

#planprogramme {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-family: Arial;
	font-style: italic;
	font-size: 11px;
	text-transform: uppercase;
	width: 180px;
	text-align: right;
}

#planprogramme a {
	text-decoration: none;
}

#planprogramme img {
	float: right;
	margin-left: 5px;
	margin-top: 5px;
}

.progra3{
text-decoration:none;
font-family:arial;
font-size:11px;
font-weight:bold;
font-style:italic;
color:#bd6e18;
}
.progra3:hover{
color:#bd6e18;
}

.progra4{
text-decoration:none;
font-family:arial;
font-size:11px;
font-weight:bold;
font-style:italic;
color:#4b4a4d;
}
.progra4:hover{
color:#bd6e18;
}

#fond_proga1{
margin-left:330px;
width:546px;
height:427px;
background:url(img/fond_progra1.jpg);
}

#prog-texte{
padding-top:30px;
padding-left:30px;
width:500px;
font-family:arial;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#4b4a4d;
}

.img-prog{
border:none;
}

#groupe-photos {
	margin-top: 278px;
	margin-left: 30px;
}

.img-prog2{
margin-top:278px;
margin-left:10px;
border:none;
}

#sablassou-txt{
text-align: justify;
margin-top:-90px;
margin-left:230px;
font-family:arial;
font-size:11px;
width:280px;
}

#contenant5 {
background-image:url(img/progra_img1.jpg);
background-repeat:no-repeat;
background-position: bottom left;
background-color:white;
height:580px;
width:887px;
position: relative;
}



/* CLIENT */


#btn5_4{
width:170px;
height:33px;
background:url(img/btn_client_over_2.jpg);
border-right:solid #353437 1px;
float:left;
}

#btn5_4:hover{
background:url(img/btn_client_over_2.jpg);
}

#contenant6 {
background-image:url(img/fond_client.jpg);
background-repeat:no-repeat;
background-position: bottom left;
background-color:white;
height:580px;
width:887px;
position: relative;
}


#formulaire_client{
position:absolute;
margin-top:100px;
margin-left:400px;


}


#espace_client{
width:235px;
height:39px;
background:url(img/espace_client.jpg);

}

.case{
background:url(img/zone_texte.jpg);
border:none;
width:142px;
height:22px;
background-repeat:no-repeat;
padding-left:30px;
background-position:bottom;


}


.form_txt{
margin-top:4px;
padding-right:10px;
float:left;
font-family:arial;
font-size:14px;

}

.valider{
background:url(img/connexion.jpg);
width:148px;
height:24px;
border:none;

}





#formulaire_partenaire{
position:absolute;
margin-top:300px;
margin-left:400px;

}


#espace_partenaire{
width:235px;
height:39px;
background:url(img/espace_partenaire.jpg)
}






/* MENTION LEGALES */


#contenant7{
background-image:url(img/fond_mentions.jpg);
background-repeat:no-repeat;
background-position: bottom left;
background-color:white;
height:580px;
width:887px;
position: relative;
}



#mentions_texte{
position:absolute;
width:545px;
height:436px;
background:url(img/fond_mentions_txt.jpg);
margin-top:70px;
margin-left:330px;

}



.titre-mention{
font-family:arial;
font-size:14px;
font-style:italic;
color:#d09d18;
margin-top:20px;
margin-left:30px;
}

.txt-mention{
padding-top:14px;
padding-left:50px;
font-family:arial;
font-size:11px;
font-style:italic;
width:450px;
text-align:justify;
color:#d09d18;
}


.form_mentions{
font-family:arial;
font-size:12px;
font-style:italic;
text-align:justify;
color:#d09d18;

}

.form_mentions2{
font-family:arial;
font-size:12px;
font-style:italic;
text-align:justify;
color:#4b4a4d;

}


/* PLAN DU SITE */


#contenant8{
background-image:url(img/fond_mentions.jpg);
background-repeat:no-repeat;
background-position: bottom left;
background-color:white;
height:580px;
width:887px;
position: relative;
}



#plan_texte{
position:absolute;
width:540px;
height:391px;
background:url(img/fond_plan.jpg);
margin-top:70px;
margin-left:330px;

}



.titre-plan{
font-family:arial;
font-size:14px;
font-style:italic;
color:#d09d18;
margin-top:20px;
margin-left:30px;
}

.txt-plan{
padding-top:14px;
padding-left:50px;
font-family:arial;
font-size:11px;
font-style:italic;
width:450px;
text-align:justify;
color:#d09d18;
}



#colonne1{
float:left;
}

#colonne2{
margin-left:50px;
float:left;
}

#colonne3{
margin-left:50xp;
}



.under_titre{
font-style:italic;
color:#d09d18;
font-family:arial;
font-size:12px;
text-decoration:none;
}

.under_titre:hover{
text-decoration:underline;
}

.under_txt{
font-style:italic;
color:#4b4a4d;
font-family:arial;
font-size:12px;
text-decoration:none;
}

.under_txt:hover{
text-decoration:underline;
}


/* REALISATION */


#btn4_4{
width:auto;
height:33px;
background:url(img/btn_realisation_over.jpg);
border-right:solid #353437 1px;
float:left;
}

#btn4_4:hover{
background:url(img/btn_realisation_over.jpg);
}


#fond_real1{
padding-top:55px;
margin-left:330px;
width:546px;
height:427px;
background:url(img/fond_real1.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

.fond_real1Savoir{
margin-left:330px;
width:546px;
height:535px;
}


.img-real1{
margin-top:278px;
margin-left:30px;
border:none;
}

.img-real2{
margin-top:278px;
margin-left:10px;
border:none;
}
.img-real3{
margin-top:278px;
margin-left:10px;
border:none;
}
.img-real4{
margin-top:278px;
margin-left:10px;
border:none;
}
.img-real5{
margin-top:278px;
margin-left:10px;
border:none;
}


#footer2{
font-family:arial;
font-size:10px;
color:white;
text-align:center;
left: 30px;
top: 590px;
position: absolute;
}

#real-texte{
padding-top:30px;
padding-left:30px;
width:500px;
font-family:arial;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#4b4a4d;
}

.menu_der {
	display: none;
}

a:hover .menu_der {
	display: block;
}

#menu2 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 100px;
	margin-left: 200px;
}

#menu2 li {
	float: left;
	padding: 0;
	margin: 0;
	height: 33px;
	border-right:solid #353437 1px;
	position: relative;
	cursor: pointer;
}

#presentation, #presentation_hover {
	width: 133px;
	background-image: url('img/btn_moyen_2.jpg');
}

#presentation:hover, #presentation_hover {
	background-image: url('img/btn_moyen_over_2.jpg');
}

#savoirfaire, #savoirfaire_hover {
	width: 103px;
	background-image: url('img/btn_savoir_2.jpg');
}

#savoirfaire:hover, #savoirfaire_hover {
	background-image: url('img/btn_savoir_over.jpg');
}

#programmes, #programmes_hover {
	width: 111px;
	background-image: url('img/btn_programme_2.jpg');
}

#programmes:hover, #programmes_hover {
	background-image: url('img/btn_programme_over.jpg');
}

#realisations, #realisations_hover {
	width: 113px;
	background-image: url('img/btn_realisation_2.jpg');
}

#realisations:hover, #realisations_hover {
	background-image: url('img/btn_realisation_over.jpg');
}

#clients, #clients_hover {
	width: 170px;
	background-image: url('img/btn_client_2.jpg');
	border-right: none;
}

#clients:hover, #clients_hover {
	background-image: url('img/btn_client_over_2.jpg');
}

.sousmenu {
	z-index: 30;
	display: none;
	
	position: absolute;
	left: 0;
	top: 33px;

	background-image: url('img/fond_menu_over.jpg');
	background-position: bottom;

	padding: 10px;
	width: 156px;
}

.sousmenu .savoir2 {
	margin-left: 0;
}

#menu2 li:hover .sousmenu {
	display: block;
}

#menu2 a {
	text-decoration: none;
}

.bandeau-liens {
	width: 162px;
	height: 20px;
	
	background-color: #4b4a4d;
	background-repeat: no-repeat;
	color: #ffffff;
	text-transform: uppercase;

	font-style: italic;
	display: block;
	text-align: right;
	font-weight: bold;
	
	margin-bottom: 5px;
	padding-right: 10px;
	padding-top: 9px;
}

#point-localisation {
	background-image: url('img/bouton_situation.jpg');
}

#point-implantation {
	background-image: url('img/bouton_implantation.jpg');
}

#point-plan {
	background-image: url('img/bouton_plan.jpg');
}

.localisation-bandeau {
	background-color: #4b4a4d;
	width: 111px;
	height: 18px;
	color: #ffffff;
	text-transform: uppercase;
	
	text-align: center;
	position: absolute;
	right: 23px;
	top: 60px;
	padding-top: 9px;
}

#main-photo-realisation {
	position: absolute;
	display: block;
	top: 115px;
	left: 13px;
}

#fond_real1 {
	position: relative;
}

.grand-plan {
	position: absolute;
	left: 343px;
	top: 97px;
}

.barre-jaune {
	background-color: #FFEE02;
	height: 13px;
	padding-top: 1px;
	position: absolute;
	right: 8px;
	padding-left: 5px;
}

#sf_contain {
	width: 517px;
	height: 404px;
	overflow: auto;
	position: relative;
	margin-top: 5px;
}