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

body{
	background: #3f3c3c;
}

.general{
	height:360px;
	margin-left:25px;
	margin-top:23px;
	overflow:hidden;
	position:absolute;
	width:625px;
}

#prestations .general{
	height:370px;
}

#prestations .accolade_droite{
	top:-190px !important;
}

.articles{
	width: 800px;
}

#gauche{
	display:block;
	float:left;
	margin-left:40px;
	margin-top:20px;
	/margin-top:10px;
	position:absolute;
	width:560px;
	z-index:10;
}

#gauche a{
	background:transparent url(../images/partenaires/suite.jpg) no-repeat scroll 0 0;
	height:34px;
	margin-left:15px;
	padding-top:0px;
	text-decoration:none;
	width:35px;
	margin-top:-7px;
}

#droite{
	width: 400px;
	float:left;
	position:relative;
	display:block;
}


#content{
	width:1004px;
	height:578px;
	position: absolute;
	background-color:#ffffff;
 /* selon la largeur voulue */
    margin-left: -502px;
	left: 50%; 
 /* selon la quantite de texte */
	margin-top:-289px;
	top:50%;
}

#pre_home{
	background:url(../images/fd_pre_home.jpg) no-repeat;
	height:578px;
	position:relative;
	float:left;
	width:100%;
}


#pre_home .entree{
	width :98px;
	height:47px;
	margin-left:808px;
	_margin-left:404px;
	margin-top:400px;
	position:relative;
	float:left;
}

#pre_home .entree img{
	border:0px;
}

#accueil{
	background:url(../images/fd_accueil.jpg) no-repeat;
	height:578px;
	position:relative;
	float:left;
	width:100%;
}

#accueil .cadre_texte{
	position:relative;
	float:left;
	width:665px;
	_width:680px;
	height:380px;
	margin-left:250px;
	_margin-left:122px;
	margin-top:116px;
	_margin-top:113px;
	z-index:5;
}

#accueil .conteneur_texte{
	padding-left:60px;
	margin-top:0px;
	overflow:hidden;
	position:relative;
	width:505px;
}


#accueil .contenu_texte{
	margin-left:0px;
	margin-top:35px;
	padding-right:0px;
	position:relative;
	width:485px;
	font-family: Helvetica, Arial, sans serif;
	color:#211C1C;
	font-size:16px !important;
	line-height:14px;
}

#accueil .contenu_texte h3{
	color:#C9235C;
	font-size:0.75em;
	text-transform:uppercase;
}

#accueil .contenu_texte li{
	margin-left:50px;
	font-size:0.8em;
}


#accueil .onglet{
	height:40px;
	left:290px;
	top:93px;
	position:absolute;
	width:115px;
	z-index:10;
}

#accueil .bloc_rollout a{
	position:absolute;
	width:420px;
	height:100px;
	left:490px;
	margin-top:430px;
}

#accueil .accolade_gauche{
	background:transparent url(../images/entreprise/guillemets_ouvert.jpg) no-repeat scroll 0 50%;
	left:35px;
	position:absolute;
	top:40px;
	width:13px;
	height:14px;
	margin-top:0px;
}

#accueil .accolade_droite{
	background:transparent url(../images/entreprise/guillemets_ferme.jpg) no-repeat scroll 0 50%;
	height:14px;
	left:550px;
	position:absolute;
	top:305px;
	width:13px;
}

#accueil .footer p {
	background:transparent url(../images/logo_footer.gif) no-repeat scroll right -3px;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	height:100px;
	padding-right:0;
	padding-top:8px;
	position:absolute;
	width:255px;
}   

.footer{
	position:absolute;
	left:745px;
	top:540px;
}


.footer p{
	background:url(../images/logo_footer.gif) no-repeat right -3px;
	position:absolute;
	width:255px;
	height:100px;
	padding-top:8px;
	padding-right:0px;
	font-size:9px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}

.navigation .top_nav{
	background:transparent url(../images/haut_nav.png) no-repeat;
	_background:url(../images/navigation/haut_nav_IE6.png) no-repeat 0px 10px;
	height:80px;
	margin-bottom:-12px;
}

.navigation .top_nav a img{
	border:0px;
}

.navigation .top_nav_bis a img{
	border:0px;
}

.navigation .bottom_nav a img{
	border:0px;
	margin-left:1px;
}

.navigation .top_nav a:hover{
	background:transparent !important;
}

.navigation .bottom_nav a:hover{
	background:transparent !important;
}

.navigation .bottom_nav a {
	text-decoration:none;
	margin-top:0px !important;
}

.navigation{
	left:50px;
	position:absolute;
	top:189px;
	width:170px;
}

.navigation .menu_nav li{
	background:url(../images/fd_nav.png) no-repeat;
	_background:url(../images/navigation/contenu_nav_IE6.png) no-repeat ;
	width : 170px;
	_width:195px;
	height: 27px;
	/height:27px;
	/margin-top:-1px;
	list-style-type:none;
	margin-left:-41px;
	_margin-left:0px;
}

.navigation .menu_nav div.fond{
	height:25px;
	/height:27px;
	margin-left:6px;
	width:155px;
}

.navigation .menu_nav div.fond:hover{
	background:#211C1C;
	_background:#211C1C none;
	color:#CD235E !important;
}

.navigation .menu_nav p{
	padding-right:22px;
	_padding-right:50px;
	margin-top:0px;
	padding-top:8px;
	/padding-top:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.75em;
	text-transform:uppercase;
	font-weight:bold;
}

.navigation .menu_nav ul{
	margin-left:1px;
	margin-top:7px;
	margin-bottom:-8px;
	width : 170px;
	_margin-left:-1px;
}

.navigation .bottom_nav{
	background:url(../images/bas_nav.png) no-repeat 0px 177px;
	/background:url(../images/bas_nav.png) no-repeat 0px 158px;
	_background:url(../images/navigation/bas_nav_IE6.png) no-repeat 0px 158px;
	height:15px;
}

.navigation .menu_nav {
	width : 170px;
	padding-bottom:3px;
	margin-left:1px;
	float:left;
	margin-top:60px;
	/margin-top:80px;
	_margin-top:80px;
}

#contact .navigation .menu_nav,
#blog .navigation .menu_nav,
#prestations .navigation .menu_nav,
#metiers .navigation .menu_nav,
#entreprise .navigation .menu_nav,
#partenaires .navigation .menu_nav{
	/*background:url(../images/bas_nav.png) no-repeat 0px 204px;
	/background:url(../images/bas_nav.png) no-repeat 0px 184px;
	_background:url(../images/navigation/bas_nav_IE6.png) no-repeat 0px 185px;*/
}


.navigation .menu_nav a{
	color:#000000;
	display:block;
	height:19px;
	margin-left:6px;
	_margin-left:0px;
	margin-top:-8px;
	/margin-top:0px;
	padding-right:15px;
	padding-top:7px;
	text-align:right;
	text-decoration:none;
	width:141px;
}

.navigation .menu_nav a:hover{
	text-decoration : none;
	color:#CD235E !important;
	background:#211C1C none repeat scroll 0;
}

.navigation .menu_nav #top_nav_bis a:hover, .navigation .menu_nav #bottom_nav a:hover{
	background:none;
}

.navigation .menu_nav .contact a{
	color:#CD235E !important;
}

#track2 {
	background:#CCCCCC;
	clear:both;
	float:left;
	position:relative;
	margin-left:885px;
	_margin-left:442px;
	height:287px;
	margin-top:-352px;
	/margin-top:-352px;
	_margin-top:-349px;
	width:7px;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index:6;
}

#handle2 {
	width: 7px;
	height: 80px;
	background: #CD235E;
	cursor: move;
	float: left;
	margin-top:-5px;
}

#wrap3 {
	display:none;
	float: left;
	width: 15px;
	height: 0px;
	background:#FF0000;
}

#track3-top {
	display:none;
	position: absolute;
	width: 15px;
	height: 0px;
	background:#00FF00;
}

#track3 {
	display:none;
	position: absolute;
	width: 15px;
	height: 0px;
}

#handle3 {
	display:none;
	width: 15px;
	height: 0px;
}

#wrap4 {
	display:none;
	float: left;
	clear: both;
	width: 301px;
	height: 0px;
	background:#0000FF;
}

#track4-left {
	display:none;
	position: absolute;
	width: 15px;
	height: 0px;
	background: #FFFF00;
}

#track4 {
	display:none;
	position: absolute;
	width: 301px;
	height: 0px;
}

#handle4 {
	display:none;
	width: 37px;
	height: 0px;
}

#contact{
	background:url(../images/contact/fond.jpg) no-repeat;
	height:578px;
	position:relative;
	float:left;
	width:100%;
}

#contact .cadre_texte{
	background:url(../images/contact/fond_centre.jpg) no-repeat;
	position:relative;
	float:left;
	width:665px;
	height:380px;
	margin-left:248px;
	_margin-left:124px;
	margin-top:114px;
	z-index:5;
}

#contact .onglet{
	background:url(../images/contact/onglet.jpg) no-repeat;
	position:absolute;
	width:160px;
	height:40px;
	left:279px;
	margin-top:95px;
	z-index:10;
}

#contact .arobase{
	background:url(../images/contact/haut_arobase.jpg) no-repeat;
	position:absolute;
	width:125px;
	height:45px;
	left:762px;
	margin-top:72px;
	z-index:10;
}

.cadre_texte fieldset{
	border:0 none;
	position:relative;
	float:left;
	width:200px;  
	padding-top:40px;  
	padding-right:0px;
}

.cadre_texte fieldset ul{
	padding-left:10px;
}

.cadre_texte fieldset.demande{

}

.cadre_texte input{
	border:0px;
	width:115px;
	float:right;
	margin-top:0px;
}

.cadre_texte textarea{
	border:0px;
	width:205px;
	margin-top:5px;
	/margin-left:-40px;
	height: 100px;
}

.cadre_texte label{
	color:#6C6363;
	display:block;
	float:left;
	font-family:Helvetica,Arial,Times,serif;
	font-size:0.75em;
	padding-top:3px;
}

#contact .cadre_texte p{
	font-family: Helvetica, Arial, Times, serif;
	font-size:0.75em;
	color:#6C6363;
	width:140px;
	margin-left:36px;
}

#contact .cadre_texte p.first{
	margin-top:55px;
}

#contact .cadre_texte li{
	height:19px;
	list-style-type:none;
	margin-top:9px;
	/margin-top:5px;
	width:195px;
}


#contact .cadre_texte span{
	color:#C8235B;
}

#contact span.nom{
	font-size:16px;
}

.onglet p{
	text-transform:uppercase;
	font-family: Helvetica, Arial, Times, serif;
	font-size:0.75em;
	color:#FFFFFF;
	padding-left:22px;
	/margin-top:10px;
}

p.boutons input{
	background: transparent url(../images/contact/fond_bouton.jpg) no-repeat scroll 0 -1px;
	width:86px;
	color:#FFFFFF;
	font-size:0.75em;
	float:left;
	left:200px;
	top:232px;
	height:21px;
	position:absolute;
}

.droite{
	position:relative;
	float:lef;
}

.gauche{
	position:relative; 
	width:175px;
	float:left;
}


/*fin contact*/


/*début blog*/

#blog{
	background:url(../images/blog/fd_blog.jpg) no-repeat;
	height:578px;
	position:relative;
	float:left;
	width:100%;
}

#blog .cadre_texte{
	position:relative;
	float:left;
	width:700px;
	height:380px;
	margin-left:226px;
	_margin-left:113px;
	margin-top:127px;
	z-index:5;
}

#blog .onglet{
	position:absolute;
	width:160px;
	height:40px;
	left:282px;
	margin-top:120px;
	z-index:10; 
}

#blog .onglet p{
	padding-left:26px;
}


#blog .chapo{
	color:#CD235E;
	font-family:Helvetica,Arial,Times New Roman,Serif;
	font-size:0.8em;
	font-weight:bold;
	margin-top:0;
}

#blog .slashes_gauche{
	background:transparent url(../images/blog/slashes.jpg) no-repeat scroll 0;
	height:30px;
	left:55px;
	position:absolute;
	top:40px;
	width:20px;
}

#blog .slashes_droit{
	background:transparent url(../images/blog/slashes.jpg) no-repeat scroll 0 0;
	height:30px;
	left:575px;
	position:absolute;
	top:270px;
	width:20px;
}


/* fin blog*/



/*début partenaires*/

#prestations{
	background:url(../images/prestations/fd_prestations.jpg) no-repeat;
	height:578px;
	position:relative;
	float:left;
	width:100%;
}

#prestations .cadre_texte{
	position:relative;
	float:left;
	width:665px;
	height:412px;
	margin-left:239px;
	_margin-left:120px;
	margin-top:104px;
	z-index:5;
}

#prestations div#gauche{
	/margin-top:15px;
}

#prestations .onglet{
	height:40px;
	left:276px;
	margin-top:103px;
	position:absolute;
	width:160px;
	z-index:10;
}

#prestations .onglet p{
	padding-left:26px;
}


.div_resume_article{
	/*height : 60px;
	/height:60px;*/
	overflow:hidden;
	float:left;
	  margin-top:5px;
}

#contenu_texte .div_resume_article .resume_article{
	float:left;
	font-family:Helvetica, Arial ,Times New Roman, Serif;
	font-size:0.75em;
	width:510px;
	padding-top:0px;
}

.div_resume_article .suite{
	float:left;
}

.titre_article{
	margin:0px;
	padding:0px;
	margin-top:5px;
	/margin-top:-0px;
	font-family:Helvetica,Arial,Times,serif;
	font-size:0.8em;
	font-weight:bold;
}

.titre_rubrique{
	font-family:Helvetica,Arial,Times,serif;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:5px;
	margin-top:5px;
	/margin-top:0px;
	text-transform:uppercase;
	margin-left:-25px;
}

.rose{
	color:#CD235E;
}

.resume_article{
	margin:0px;
	padding:0px;
}


#detail_article{
	background:transparent url(../images/partenaires/fd_tiroir.jpg) no-repeat scroll 0px 1px;
	height:345px;
	padding-left:40px;
	padding-top:0px;
	position:absolute;
	width:591px;
}

#detail_article .titre_detail_article{
	font-family:Helvetica,Arial,Times New Roman,Serif;
	font-size:1.25em;
	font-weight:bold;
	text-transform:uppercase;
}

#detail_article .detail_article{
	font-family:Helvetica,Arial,Times New Roman,Serif;
	font-size:0.8em;
	width:550px;
}

#detail_article .retour{
	left:585px;
	position:absolute;
	top:325px;
	border:0px;
}

#divArticle{
	background:transparent url(../images/partenaires/fd_tiroir.jpg) no-repeat scroll 0px 1px;
	height:360px;
	left:615px;
	padding-left:5px;
	position:absolute;
	top:-1px;
	width:620px;
}

#prestations div#divArticle{
	top:9px;
}


.accolade_gauche{
	background:transparent url(../images/partenaires/accolade_ouvrante.jpg) no-repeat scroll 0;
	height:100px;
	margin-top:10px;
	position:absolute;
	width:50px;
}

.accolade_droite{
	background:transparent url(../images/partenaires/accolade_fermante.jpg) no-repeat scroll 0 50%;
	height:100px;
	position:absolute;
}
/* fin partenaires*/



/*début métiers*/

#metiers{
	background:url(../images/metiers/fd_metiers.jpg) no-repeat;
	height:578px;
	position:relative;
	float:left;
	width:100%;
}

#metiers .cadre_texte{
	position:relative;
	float:left;
	width:665px;
	height:412px;
	margin-left:243px;
	_margin-left:121px;
	margin-top:109px;
	z-index:5;
}

#metiers .onglet{
	position:absolute;
	width:160px;
	height:40px;
	left:282px;
	margin-top:95px;
	z-index:10;
}

#metiers .onglet p{
	padding-left:26px;
}

#metiers .general {
	margin-top:18px;
	margin-left:21px;
}

#metiers .accolade_droite{
	top:-188px;
}

#metiers div#detail_article p,
#prestations div#detail_article p, #metiers div#detail_article ul.spip li,
#prestations div#detail_article ul.spip li{
	font-family:Helvetica, Arial, 'Times New Roman', serif;
	font-size:0.75em;
	margin-top:10px;
	text-align:justify;
	width:530px;  
	clear:both;  
	line-height:1.3em;
}

#metiers div#detail_article h3.spip,
#prestations div#detail_article h3.spip{
	font-family:Helvetica,Arial,Times New Roman,Serif;
	font-size:1.1em;
	letter-spacing:0px;
	margin-bottom:-5px;
	text-align:left;
	width:530px;
	margin-top:5px;
	line-height:20px;
	text-align:justify;
}

#metiers div#detail_article .titre_detail_article,
#prestations div#detail_article .titre_detail_article{
	color:#6B0628;
	margin-bottom:0px;
	/margin-bottom:-20px;
	font-size:1em; 
	margin-top:17px;
	clear:none;
}

#metiers div#detail_article .surtitre_detail_article,
#prestations div#detail_article .surtitre_detail_article{
	color:#6B0628;
	float:left;
	font-family:Helvetica,Arial,Times New Roman,Serif;
	font-size:31px;
	margin-bottom:0;
	margin-right:5px;
	margin-top:1px;
	/margin-top:0px; 
	width:auto;
	float:left;
}

#metiers div#detail_article h3.spip strong,
#prestations div#detail_article h3.spip strong{
	color:#FFFFFF;
	font-weight:normal;
}

/* fin métier */


/*début prestations*/

#partenaires{
	background:url(../images/partenaires/fd_partenaires.jpg) no-repeat;
	height:578px;
	position:relative;
	float:left;
	width:100%;
}

#partenaires .cadre_texte{
	position:relative;
	float:left;
	width:665px;
	height:380px;
	margin-left:239px;
	margin-top:106px;
	_margin-left:119px;
	z-index:5;
}

#partenaires .onglet{
	height:40px;
	left:277px;
	margin-top:94px;
	position:absolute;
	width:160px;
	z-index:10;
}

#partenaires .onglet p{
	padding-left:24px;
}


#partenaires .accolade_gauche{
	background:transparent url(../images/partenaires/petite_accolade_ouvrante.jpg) no-repeat scroll 0;
	height:28px;
	left:40px;
	margin-top:0px;
	position:absolute;
	top:50px;
	width:7px;
	
}

#partenaires .accolade_droite{
	background:transparent url(../images/partenaires/petite_accolade_fermante.jpg) no-repeat scroll 0 50%;
	height:28px;
	left:585px;
	position:absolute;
	top:295px;
	width:7px;
	
}


/* fin prestations*/

/*début entreprise*/

#entreprise{
	background:url(../images/entreprise/fd_entreprise.jpg) no-repeat;
	height:578px;
	position:relative;
	float:left;
	width:100%;
}

#entreprise .cadre_texte{
	position:relative;
	float:left;
	width:665px;
	height:380px;
	margin-left:236px;
	margin-top:108px;
	_margin-left:118px;
	z-index:5;
}

#entreprise .onglet{
	height:40px;
	left:278px;
	margin-top:114px;
	position:absolute;
	width:160px;
	z-index:10;
}

#entreprise .onglet p{
	padding-left:26px;
}

#entreprise .titre_rubrique {
	font-family:Helvetica;
	font-size:0.75em;
	font-weight:bold;
	letter-spacing:0;
	margin-bottom:5px;
	margin-top:0px;
	text-transform:uppercase;
	margin-left:0px;
}

#entreprise div#contenu_texte {
	padding-left:60px;
	padding-top:20px;
	width:485px; 
	position:relative;
}

#entreprise h3.spip {
	font-family:Helvetica,Arial,Times New Roman,Serif;
	font-size:0.8em;
	letter-spacing:0;
	margin-bottom:0;
	text-transform:uppercase;
}

#entreprise p.evidence{
	font-family:Helvetica,Arial,Times New Roman,Serif;
	font-size:0.8em;
	letter-spacing:0;
	margin-top:20px;
	color:#CD235E;
	font-weight:bold;
	text-align:justify;
}

#entreprise .accolade_gauche{
	background:transparent url(../images/entreprise/guillemets_ouvert.jpg) no-repeat scroll 0 50%;
	height:20px;
	left:45px;
	position:absolute;
	top:45px;
	width:20px;
}

#entreprise .accolade_droite{
	background:transparent url(../images/entreprise/guillemets_ferme.jpg) no-repeat scroll 0 50%;
	height:30px;
	left:570px;
	position:absolute;
	top:285px;
	width:20px;
}


/* fin prestations*/



#blog div#contenu_texte {
	width:485px;
	padding-top:37px;
	padding-left:80px;
}

#partenaires div#contenu_texte{
	padding-left:62px;
	padding-top:43px;
	width:505px;
	position:relative;
}

#partenaires h3{
	color:#CD235E;
	display:block;
	float:left;
	font-family:Helvetica,Arial,Times,sans-serif;
	font-size:0.8em;
	height:10px !important;
	margin:0 2px 0 0;
	padding-top:6px;
	/padding-top:4px;
	_padding-top:6px;
	/height:13px;
	/margin:0 2px 0 0;
	_margin:-2px 2px -2px 0;
}

#contenu_texte p{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:0.82em;
	line-height:14px;
	margin:0;
	padding:5px 0 0;
	text-align:justify;
}

#accueil #contenu_texte p{
	width:470px;
}

#partenaires #contenu_texte p {
	margin:0 0 15px;
}

#metiers .titre_rubrique{
	margin-left:-22px;
	/margin-bottom:15px;
}

#prestations .titre_rubrique{
	margin-left:-23px;
	margin-top:15px;
}

#contenu_texte a.spip_out{
	color:#322C23;
}

#contenu_texte a.spip_out:hover{
	color:#CD235E;
}   

p{
  color:#000000;
  font-family:Helvetica, Arial, 'Times New Roman', serif;
  font-size:0.8em;
  letter-spacing:0;
  text-align:justify;
}



 






.clr {
	clear:both;
	height:0
}


	
/***************/
/** EXEMPLE 5**/
/***************/
.jScrollbar5 {
	width:640px;
	height:269px;
	overflow:hidden;
	position:relative;
	background-color:;
	padding:0px 10px 10px 10px; 
	margin-top:35px;
}

.jScrollbar5 .jScrollbar_mask {
	width:565px;
	position:relative;
	top:0;
	float:left;
}

.jScrollbar5 .jScrollbar_mask p {
	margin:0;
	padding:0;
	font-size:12px;
}

.jScrollbar5 .jScrollbar_draggable {
	float:left;
	width:7px;
	height:250px;
	overflow:hidden;
	background:none;
	background-color:#CCCCCC;
	margin-left:12px;
	position:relative;
	margin-top:25px;
}

.jScrollbar5 .jScrollbar_draggable a.draggable {
	position:relative;
	background:#CD235E;
	display:block;
	height:52px;
	width:7px;
	margin-left:0;
	cursor:s-resize;
}    

#entreprise .cadre_texte li, #partenaires .cadre_texte li{
	font-size:0.8em;
	font-family:Helvetica, Arial, 'Times New Roman', serif;
}