html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

a {
	color:#7b7b7b;
	text-decoration: underline;
	outline: none;
}
a:hover {
	text-decoration: none;

}

img {
	border:none;
}

* {
	padding:0px;
	margin:0px;
}

#general {
	width:100%;
	height:100%;
}

#centre_horizontal {
	margin:0px auto;
	width:993px;
	padding:75px 35px 0px 35px;
	background:url('../images/interface/fond.png') 0px 20px no-repeat;
}

#fond_noir {
	background:#000000;
	padding:15px 17px;
	width:936px;
}

#fond_blanc {
	background:#ffffff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	position:relative;
	behavior: url(js/pie/PIE.htc);
}

#logo {
	margin:0px auto;
	padding-top:10px;
	width:885px;
}

#menu {
	position:absolute;
	top:80px;
	left:230px;
	z-index:25;
}

#cartouche {
	position: absolute;
	top:143px;
	left:0px;
	width:953px;
	height:444px;
	padding:57px 0px 0px 40px;
	background:url('../images/interface/cartouche.png') no-repeat;
	z-index:2;
}

#bandeau {
	top:200px;
	left:38px;
	position: absolute;
	z-index: 20;
}

#noflash_bandeau {
	cursor:pointer;
}

#droite_cartouche {
	position: absolute;
	top:143px;
	left:936px;
	width:53px;
	height:345px;
	background:url('../images/interface/droite_cartouche.png') no-repeat;
	z-index:5;

}


#connaitre_equipe {
	position: absolute;
	width:192px;
	height:108px;
	top:508px;
	left:70px;
	z-index: 30;
	background:url('../images/interface/btn_agence.png') 0px 0px no-repeat;
	text-indent: -99999px;
}

#connaitre_equipe:hover, #connaitre_equipe.connaitre_equipe_actif {
	background-position: 0px -108px;
}

#visite_virtuelle {
	display:none;
	position: absolute;
	width:192px;
	height:108px;
	top:508px;
	left:260px;
	z-index: 30;
	background:url('../images/interface/btn_agence.png') -192px 0px no-repeat;
	text-indent: -99999px;
}

#visite_virtuelle:hover, #visite_virtuelle.visite_virtuelle_actif {
	background-position:  -192px -108px;
}

#contenu {
	position: relative;
	z-index:15;
	padding-top:480px;
	padding-bottom:20px;
	min-height: 225px;
	color:#646464;
}

#contenu img{
	position: relative;
	z-index:50;
}


#contenu h1 {
	margin:0px;
}

#footer {
	color:#ffffff;
	text-align: center;
	font-size: 11px;
	padding:15px;
}

#footer a {
	color:#ffffff;
}

/* Agence */


.couleur_lagence #contenu h1,.couleur_recrutement #contenu h1 {
	color:#0097cc;
	margin:0px;
}


/* Connaitre l'equipe */

.bulle_info {
	position:absolute;
	top:540px;
	right:450px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
/*	background:url('../images/agence/bulle_info.png') no-repeat;*/
	background:#eeeeee;
	height:100px;
	padding:10px 15px 0px 15px;
	text-align: right;
	color:#7c7c7c;
	font-weight: bold;
	font-size: 11px;
	opacity:0;
	filter: alpha(opacity=0);
}

.bulle_info .nom_personne {
	font-size:18px;
	color:#ff9c00;
	font-weight: normal;
}

.bulle_info .fonction_personne {
	color:#acacac;
	font-weight: bold;
	font-size: 12px;
}

a#btn_demarrer_visite {
	float:right;
	width:172px;
	height:30px;
	text-align: center;
	font-size: 16px;
	color:#ffffff;
	text-decoration: none;
	padding:14px 5px 0px 0px;
	margin-top:7px;
	display: block;
	background:url('../images/agence/btn_visite.png') no-repeat;
}

a#btn_demarrer_visite:hover {
	background-position: 0px -49px;
}

/* Marketing */

.bloc_info {
	background:#f4f4f4;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	behavior: url(js/pie/PIE.htc);
}

#bloc_marketing {
	float:right;
	width:309px;
	margin-right:30px;
	padding:18px 15px 20px 54px;
	background-image:url('../images/marketing/fleche.png');
	background-position: 11px 14px;
	background-repeat: no-repeat;
	font-size:11px;
}

.couleur_marketing #contenu h1 {
	color:#bccd20;
	font-size:31px;
	text-transform: uppercase;
	font-stretch :condensed ;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 1px;
}

.couleur_marketing #contenu .cartouche {
	width:370px;
	padding:70px 0px 0px 97px;
	font-size: 11px;
	background:url('../images/marketing/cartouche.png') -178px 45px no-repeat;
}

/* Print*/

#bloc_print {
	width:309px;
	padding:25px 15px 20px 54px;
	background-image:url('../images/print/fleche.png');
	background-position: 11px 14px;
	background-repeat: no-repeat;
	font-size:11px;
	text-align: left;
}


.couleur_print #contenu h1 {
	color:#5292ce;
	font-size:31px;
	text-transform: uppercase;
	font-stretch :condensed ;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 1px;
}

.couleur_print #contenu .cartouche {
	width:370px;
	padding:70px 0px 0px 97px;
	font-size: 11px;
	background:url('../images/print/cartouche.png') -178px 45px no-repeat;
}


/* Stand */

#bloc_stand {
	width:309px;
	padding:25px 15px 20px 54px;
	background-image:url('../images/stand/fleche.png');
	background-position: 11px 14px;
	background-repeat: no-repeat;
	font-size:11px;
	text-align: left;
}


.couleur_stand #contenu h1 {
	color:#f2960f;
	font-size:31px;
	text-transform: uppercase;
	font-stretch :condensed ;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 1px;
}

.couleur_stand #contenu .cartouche {
	width:370px;
	padding:70px 0px 0px 97px;
	font-size: 11px;
	background:url('../images/stand/cartouche.png') -186px 45px no-repeat;
}

/* Internet */

#bloc_internet {
	width:265px;
	padding:25px 15px 20px 54px;
	background-image:url('../images/internet/fleche.png');
	background-position: 11px 14px;
	background-repeat: no-repeat;
	margin-left:40px;
	font-size:11px;
	text-align: left;
}


.couleur_internet #contenu h1 {
	color:#e40073;
	font-size:31px;
	text-transform: uppercase;
	font-stretch :condensed ;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 1px;
}

.couleur_internet #contenu .cartouche {
	width:370px;
	padding:70px 0px 0px 97px;
	font-size: 11px;
	background:url('../images/internet/cartouche.png') -186px 45px no-repeat;
}

/* Multimedia */

#bloc_multimedia {
	width:250px;
	padding:25px 15px 20px 54px;
	background-image:url('../images/multimedia/fleche.png');
	background-position: 11px 14px;
	background-repeat: no-repeat;
	margin-left:40px;
	font-size:11px;
	text-align: left;
}


.couleur_multimedia #contenu h1 {
	color:#ffc600;
	font-size:31px;
	text-transform: uppercase;
	font-stretch :condensed ;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 1px;
}

.couleur_multimedia #contenu .cartouche {
	width:370px;
	padding:95px 0px 0px 97px;
	font-size: 11px;
	background:url('../images/multimedia/cartouche.png') -314px 45px no-repeat;
}

/* Contact */

.couleur_contact #bandeau {
	left:30px;
	top:205px;
}


.couleur_contact #contenu h1 {
	color:#5292ce;
	font-size:25px;
	text-transform: uppercase;
	font-stretch :condensed ;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 1px;
}

.couleur_contact #contenu .cartouche {
	width:300px;
	padding:10px 0px 0px 220px;
	font-size: 11px;
	background:url('../images/contact/cartouche.png') -199px 45px no-repeat;
}

#form_contact .colA {
	width:85px;
	padding-right:5px;
	text-align: right;
}

#form_contact .colB {
	width:315px;
}

#form_contact input[type=text], #form_contact textarea {
	width:100%;
	border:none;
	background:#e3e3e3;
	resize:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:2px;
	font-size:11px;
    font-family: Arial,Helvetica,sans-serif;
	behavior: url(js/pie/PIE.htc);
}

#form_contact input[type=text] {
	height:18px;
}

#form_contact .btn_style {
	display:block;
	width:90px;
	height:26px;
	padding:8px 10px 0px 0px;
	text-decoration: none;
	background:url('../images/contact/btn_submit.png') no-repeat;
	color:#ffffff;
}

#form_contact .btn_style:hover {
	background-position: 0px -33px;

}

.couleur_accueil #fond_blanc {
	height:623px;
}

.couleur_accueil #bandeau {
	left:-1px;
	top:141px;
}

/* Couleur fond site */

.couleur_lagence, .couleur_accueil {
	background:#00c4da;
}

.couleur_marketing {
	background:#bccc20;
}

.couleur_print {
	background:#5292ce;
}

.couleur_stand {
	background:#f2960f;
}

.couleur_internet {
	background:#e40073;
}

.couleur_multimedia {
	background:#ffda00;
}

.couleur_contact, .couleur_recrutement  {
	background:#00c5da;
}

/* Couleur texte site */

.couleur_txt_lagence, .couleur_lagence strong {
	color:#0096cc;
	font-weight: bold;
}

.couleur_txt_marketing, .couleur_marketing strong {
	color:#b1c30c;
	font-weight: bold;
	margin-top:7px;
}

.couleur_txt_print, .couleur_print strong {
	color:#5292ce;
	font-weight: bold;
}

.couleur_txt_stand, .couleur_stand strong {
	color:#f2960f;
	font-weight: bold;
}

.couleur_txt_internet, .couleur_internet strong {
	color:#e40073;
	font-weight: bold;
}

.couleur_txt_multimedia, .couleur_multimedia strong {
	color:#ffc600;
	font-weight: bold;
}

.couleur_txt_contact, .couleur_contact strong {
	color:#00c5da;
	font-weight: bold;
}

/* Texte sous cartouche */

.texte_lagence, .texte_recrutement {
	width:223px;
	height:57px;
	position: absolute;
	top:491px;
	right:30px;
	z-index: 20;
	background:url('../images/interface/texte.png') no-repeat;
	text-indent: -99999px;
}

.texte_marketing {
	width:220px;
	height:52px;
	position: absolute;
	top:496px;
	right:40px;
	z-index: 20;
	background:url('../images/interface/texte.png') -224px -57px  no-repeat;
	text-indent: -99999px;
}

.texte_print {
	width:132px;
	height:51px;
	position: absolute;
	top:494px;
	right:30px;
	z-index: 20;
	background:url('../images/interface/texte.png') 0px -109px  no-repeat;
	text-indent: -99999px;
}

.texte_stand {
	width:469px;
	height:51px;
	position: absolute;
	top:506px;
	right:30px;
	z-index: 20;
	background:url('../images/interface/texte.png') 0px -161px  no-repeat;
	text-indent: -99999px;
}

.texte_internet {
	width:227px;
	height:51px;
	position: absolute;
	top:496px;
	right:25px;
	z-index: 20;
	background:url('../images/interface/texte.png') -224px -109px  no-repeat;
	text-indent: -99999px;
}

.texte_multimedia {
	width:210px;
	height:51px;
	position: absolute;
	top:497px;
	right:45px;
	z-index: 20;
	background:url('../images/interface/texte.png') 0px -57px  no-repeat;
	text-indent: -99999px;
}

.texte_contact {
	width:251px;
	height:57px;
	position: absolute;
	top:492px;
	right:40px;
	z-index: 20;
	background:url('../images/interface/texte.png') -224px 0px  no-repeat;
	text-indent: -99999px;
}
#onglet_recrutement:link, #onglet_recrutement:visited, #onglet_recrutement:active {
	position:absolute;
	display: block;
	background:url('../images/recrutement/onglet_recrutement.png');
	background-repeat: no-repeat;
	margin-left:50%;
	left:-153px;
	width:307px;
	height:39px;
	text-decoration: none;
}
#onglet_recrutement:hover {
	background-position: 0 -41px;
}
#bg_recrutement {
	position:absolute;
	background-color: #E40073;
	width:100%;
	height:22px;
	top:0;
	left:0;
	text-align: center;
	border-bottom:1px solid #fff;
	padding-top:8px;
}