html {overflow-y:scroll}
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #858585; background: #000; height:100%}


a {text-decoration:none}
a:hover {text-decoration:underline}

a img {border:none}

div#debug {border:1px solid red; background-color:#fff4bf; position:absolute; padding:10px; width:300px; height:300px; z-index:50}

/**/
.clear {clear:both}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width:80px; text-align:right;}
.row label span{color:#f00;}
.row textarea, .row input {width: 206px; border:1px solid #362419; padding:2px; font-size:11px; color:#362419}
.row select {width: 152px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:80px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {clear:both; margin-bottom:5px;}

.effacer {background:transparent url(images/effacer.jpg) no-repeat scroll left top; color:#FFFFFF; font-size:10px; cursor:pointer; margin-right:5px; padding-top:2px; text-align:center; width:130px; height:21px; float:left}
.valider {background:transparent url(images/valider.jpg) no-repeat scroll left top; color:#FFFFFF; cursor:pointer; float:left; height:21px; padding-top:2px; text-align:center; width:130px; }

.lien_guillemets {background:url(images/separateur.gif) no-repeat left center; padding-left:8px}
.lien_guillemets2 {background:url(images/separateur2.gif) no-repeat left center; padding-left:8px}


/**/


div#site {text-align:left; width: 956px; margin:0 auto;}
div#entete {background:#000 url(images/header.jpg) left no-repeat; width:956px; height:205px; position:relative; border-bottom:1px solid #272727}

div#entete #lien_accueil {position:absolute; top:0; left:0; width:392px; height:205px; display:block;}

/* MENU */
#entete #menu {margin:0; width:562px; height:49px; position:relative; z-index:5; left:392px; top:0px; padding:0}
#entete #menu li{margin:0 0 0 0; padding:0;list-style-type:none;float:left; display:inline; height:24px; position:relative; }

#entete #menu li a#agence {background:url(images/menu_agence.gif) no-repeat; width:97px; height:49px;}
#entete #menu li a#agence:hover {background:url(images/menu_agence.gif) no-repeat  0 -98px;}
#entete #menu li a#agence.active {background:url(images/menu_agence.gif) no-repeat  0 -49px;}


#entete #menu li a#savoir_faire {background:url(images/menu_savoir_faire.gif) no-repeat; width:140px; height:49px; }
#entete #menu li a#savoir_faire:hover {background:url(images/menu_savoir_faire.gif) no-repeat 0 -98px;}
#entete #menu li a#savoir_faire.active {background:url(images/menu_savoir_faire.gif) no-repeat 0 -49px;}

#entete #menu li a#references {background:url(images/menu_references.gif) no-repeat; width:120px; height:49px; }
#entete #menu li a#references:hover {background:url(images/menu_references.gif) no-repeat 0 -98px;}
#entete #menu li a#references.active {background:url(images/menu_references.gif) no-repeat 0 -49px;}

#entete #menu li a#contact {background:url(images/menu_contact.gif) no-repeat; width:70px; height:49px; }
#entete #menu li a#contact:hover {background:url(images/menu_contact.gif) no-repeat 0 -98px;}
#entete #menu li a#contact.active {background:url(images/menu_contact.gif) no-repeat 0 -49px;}

#entete #menu li a#recrutement {background:url(images/menu_recrutement.gif) no-repeat; width:135px; height:49px;}
#entete #menu li a#recrutement:hover {background:url(images/menu_recrutement.gif) no-repeat 0 -98px; width:132px; height:49px;}
#entete #menu li a#recrutement.active {background:url(images/menu_recrutement.gif) no-repeat 0 -49px; width:132px; height:49px;}





#entete #menu li a{text-align:left; padding:0; height:25px; color:#fff; display:block; }

/*#entete #menu .sous_menu {position:absolute; padding:0 0 0 0; border:1px solid #9b8d6e; top:42px; left:0px; display:none; z-index:10;}
#entete #menu .sous_menu li {display:block; width:100%; margin:0; height:30px; background:#604936;}

#entete #menu .sous_menu li a {display:block; text-decoration:none; padding:8px 20px 0 20px; height:22px; margin:0; background:#604936; }
#entete #menu .sous_menu li a.hover {background:#8d7b6c;}*/




/**/








div#partie_centrale {width:956px; position:relative}

div#bandeau_inferieur {background:#000; width:956px; height:40px;}
div#slideshow {width:500px; height:430px; float:left}
div#texte_accueil {width:359px; min-height:395px; float:left; background:#000; padding:0 30px 0 65px; margin:0 0 0 2px}

div#texte_accueil #lien_portfolio {width:285px; height:72px; background:url(images/btn_portfolio.gif) no-repeat 0 0}
div#texte_accueil #lien_portfolio:hover {width:285px; height:72px; background:url(images/btn_portfolio.gif) no-repeat 0 -72px}

div#texte_accueil ul {padding:0 0 15px 0px}
div#texte_accueil li {margin:0 0 4px 0; font-size:14px; list-style:none; padding-left:15px; background-image:url(images/puce.gif); background-repeat:no-repeat; background-position:left center;}
div#texte_accueil li a {color:#858585}


div#contenu #accueil h1 {color:#805026; margin:0 0 15px 0; padding:0; }
div#contenu #accueil h2 {color:#dbdadb; font-size:16px; font-weight:bold; margin:30px 0 30px 0}

div#contenu {width:956px; min-height:531px; background:#000 ;position:relative}

div#credits {clear:both; width:956px; margin:0 auto 10px auto; padding-top:15px; text-align:center; color:#858585; font-size:10px; background:#000; border-top:1px solid #272727}
div#credits a {color:#858585;}

/*div#contenu_page_dynamique.form_contenu {height:520px}*/


div#contenu_page_dynamique {width:956px; background:#000 ; position:relative; height:100%; margin:40px 0 0 0}
div#contenu_references {width:956px; background:#000 ; position:relative; height:100%; margin:40px 0 0 0}
div#contenu_temoignages {width:956px; background:#000 ; position:relative; height:100%; margin:40px 0 0 0}
div#partie_gauche {float:left; width:300px; min-height:640px; background:url(images/fond_sf_menu.jpg) no-repeat center 125px}
div#contenu_page_dynamique #page_dynamique_droite {float:left; width:500px; min-height:640px; padding:0 46px 0 90px}
div#contenu_page_dynamique #page_dynamique_droite a {color:#fff; font-weight:bold; text-decoration:underline}


#espace_vide {height:100px}

h1 {color:#d7138f; font-size:26px; margin:0 0 10px 0; font-weight:normal}
h2 {color:#fff; font-size:17px; margin:0; text-transform:uppercase; font-weight:normal}
h3 {color:#d7138f; font-size:14px; margin-top:30px}
.special{color:#d7138f;}

div#contenu_page_dynamique #menu_savoir_faire {list-style-type:none; color:#fff; margin:0 0 20px 0; }
div#contenu_page_dynamique #menu_savoir_faire li {margin: 0 0 10px 0; padding-left:15px; list-style:none; background-image:url(images/puce.gif); background-repeat:no-repeat; background-position:left center;}
div#contenu_page_dynamique #menu_savoir_faire a {color:#fff}
div#contenu_page_dynamique #menu_savoir_faire a.active {color:#858585}

a.menu_gauche {width:213px; height:57px; display:block; padding:16px 0 0 85px; color:#ca228d; font-size:16px; font-weight:bold; color:#FFF;}
a.menu_gauche {text-decoration:none}
#lien_energie {background:url(images/menu_energie.jpg) no-repeat; line-height:40px;}
#lien_energie:hover {background:url(images/menu_energie.jpg) no-repeat; color:#ca228d;}
#lien_energie.active {background:url(images/menu_energie.jpg) no-repeat; text-decoration:underline; color:#ca228d;}
#lien_temoignages {background:url(images/menu_temoignages.jpg) no-repeat; line-height:35px;}
#lien_temoignages:hover {background:url(images/menu_temoignages.jpg) no-repeat; color:#ca228d;}
#lien_temoignages.active {background:url(images/menu_temoignages.jpg) no-repeat; text-decoration:underline; color:#ca228d;}
#lien_news {background:url(images/menu_news.jpg) no-repeat; line-height:35px;}
#lien_news:hover {background:url(images/menu_news.jpg) no-repeat; color:#ca228d;}
#lien_news.active {background:url(images/menu_news.jpg) no-repeat; text-decoration:underline; color:#ca228d;}

.img_ecouter {margin-bottom:55px}


div#contenu_page_dynamique #page_dynamique_droite.sf_strategie_communication {background:url(images/fond_sf_strategie_communication.jpg) no-repeat left bottom; padding-bottom:20px}
div#contenu_page_dynamique #page_dynamique_droite.sf_identite_visuelle {background:url(images/fond_sf_identite_visuelle.jpg) no-repeat left bottom; padding-bottom:20px}
div#contenu_page_dynamique #page_dynamique_droite.sf_creation_graphique {background:url(images/fond_sf_creation_graphique.jpg) no-repeat left bottom; padding-bottom:20px}
div#contenu_page_dynamique #page_dynamique_droite.sf_sites {background:url(images/fond_sf_sites.jpg) no-repeat left bottom; padding-bottom:20px}
div#contenu_page_dynamique #page_dynamique_droite.sf_webmarketing {background:url(images/fond_sf_webmarketing.jpg) no-repeat left bottom; padding-bottom:20px}
div#contenu_page_dynamique #page_dynamique_droite.sf_publicite {background:url(images/fond_sf_publicite.jpg) no-repeat left bottom; padding-bottom:20px}
div#contenu_page_dynamique #page_dynamique_droite.sf_street_marketing {background:url(images/fond_sf_street_marketing.jpg) no-repeat left bottom; padding-bottom:20px}



div#contenu_page_dynamique #page_dynamique_droite p {color:#fff; font-size:12px; text-align:justify;}
div#contenu_page_dynamique #page_dynamique_droite p span.special {font-weight:bold; color:#858585}
div#contenu_page_dynamique #page_dynamique_droite p.entete {color:#858585; font-size:14px; font-family:Verdana; margin:0 0 0 0}
div#contenu_page_dynamique #page_dynamique_droite h3 {color:#d7138f; font-size:14px; margin-top:30px}
div#contenu_page_dynamique #page_dynamique_droite ul {color:#fff; margin:0;}
div#contenu_page_dynamique #page_dynamique_droite ul li {margin-bottom:8px; padding-left:15px; list-style:none; background-image:url(images/puce.gif); background-repeat:no-repeat; background-position:left center;}

/* INDEX */
div#bandeau_bas_accueil {width:956px; height:170px; padding:0; background:#000; margin:30px 0 0 0}

.div_cliquable:hover {cursor:pointer}
div#bandeau_bas_accueil .texte_boite {float:left; width:234px}
div#bandeau_bas_accueil .texte_boite p.lien {margin:6px 0}
div#bandeau_bas_accueil .texte_boite h3 {color:#ca228d; font-size:16px; margin:0 0 10px 0}

div#bandeau_bas_accueil a {font-size:10px; font-weight:normal; color:#858585;}
div#bandeau_bas_accueil #pied_temoignage a{font-weight:bold}
div#bandeau_bas_accueil img {float:left}

div#bandeau_bas_accueil #boite_gauche {width:347px; height:170px; float:left; margin:0; padding:0}
div#bandeau_bas_accueil #boite_gauche img {margin-right:15px}
div#bandeau_bas_accueil #boite_centre {width:339px; height:170px; float:left; margin:0; padding:0}
div#bandeau_bas_accueil #boite_centre img {margin-right:15px}
div#bandeau_bas_accueil #boite_centre .texte_boite{width:244px;}
div#bandeau_bas_accueil #boite_droite {width:270px; height:170px; float:left; margin:0; padding:0}
div#bandeau_bas_accueil #boite_droite img {margin-right:15px}
div#bandeau_bas_accueil #boite_droite .texte_boite{width:184px}

div#bandeau_bas_accueil #boite_gauche .picto {width:69px; height:95px}
div#bandeau_bas_accueil #boite_gauche:hover .picto {width:69px; height:95px}




/* REFERENCES */
div#contenu_references #portfolio {float:left; width:549px; height:496px; padding:15px 20px 20px 75px}
div#contenu_references #portfolio .img_portfolio {background:url(images/fond_image_portfolio.gif) no-repeat; width:143px; height:93px; padding:0; float:left; margin:0 25px 46px 0; border:2px solid #ee2ca7}
div#contenu_references #portfolio .img_portfolio p {font-size:10px; color:#fff}
div#contenu_references #portfolio .img_portfolio a img {width:135px; height:85px; border:4px solid #fff}
div#contenu_references #portfolio #portfolio_navigation {width:549px}
div#contenu_references #portfolio #portfolio_navigation a#fleche_precedente {background:url(images/fleche_precedent.jpg) no-repeat left center; padding:7px 0 0 30px; height:20px; float:left; vertical-align:middle; font-size:11px; color:#fff}
div#contenu_references #portfolio #portfolio_navigation #espace_vide {float:left; width:335px; height:30px}
div#contenu_references #portfolio #portfolio_navigation a#fleche_suivante {background:url(images/fleche_suivant.jpg) no-repeat right center; padding:7px 30px 0 0;  height:20px; float:left; vertical-align:middle; font-size:11px; color:#fff}

div#contenu_references #portfolio #portfolio_navigation .nav_vide_precedent {padding:7px 30px 0 0; width:57px; height:20px; float:left; vertical-align:middle; font-size:11px;}
div#contenu_references #portfolio #portfolio_navigation .nav_vide_suivant {padding:7px 30px 0 0; width:43px; height:20px; float:left; vertical-align:middle; font-size:11px;}


/* TEMOIGNAGES*/
div#contenu_temoignages #temoignages {float:left; width:549px; height:496px; padding:15px 20px 20px 75px; color:#fff}
div#contenu_temoignages .img_temoignages {margin-left:50px}

/* CONTACT */
#entete_form {color:#858585; font-size:14px; margin:0 0 20px 0}
#entete_form p {margin:0 0 5px 0}

#entete_form .titre {font-weight:bold; color:#d7138f}


div#contact {float:left; width:549px; height:670px; padding:0 20px 20px 75px; color:#fff;}
div#contact #desirs {width:410px; padding:0 0 0 0; margin:0 0 35px 0}
div#contact #desirs .titre{text-transform:uppercase; font-weight:bold; color:#d7138f}
div#contact #desirs .row label {float:none; margin:0 5px 0 0}
div#contact #desirs .row input {margin:0; padding:0; width:20px}

div#contact #form_gauche {width:275px; float:left}
div#contact #form_droite {width:274px; float:left}

div#contact .row {margin:10px 0}
div#contact .form label{width:80px; text-align:left}
div#contact .form input{width:125px; height:30px ;border-color:#362419; border:1px solid #716f63}
div#contact .form textarea{width:210px; height:80px ;border-color:#362419; border:1px solid #716f63}
div#contact .form .row_submit{text-align:center; padding:15px 0 0 34px}
div#contact input.submit {background:url(images/submit.png) no-repeat; width:123px; height:42px; border:none; padding:0}
div#contact input.submit:hover {cursor:pointer}
div#contact .champs_obligaoires {font-size:9px; text-align:right; padding-right:50px}





/*div#contenu #temoignages_clients {background:url(images/fond_temoignages.jpg) no-repeat; width:263px; height:631px; min-height:631px; float:left; padding:0 25px}
div#contenu #temoignages_clients h2 {background:url(images/picto_temoignages.png) no-repeat left; vertical-align:middle; padding:5px 0 0 70px; height:37px; color:#473223; font-size:15px; margin-bottom:50px}
div#contenu #temoignages_clients .temoignage h3 {color:#362419; font-size:16px}
div#contenu #temoignages_clients .temoignage p {color:#362419; font-style:italic; font-size:11px}
div#contenu #temoignages_clients .temoignage .pointilles {background:url(images/pointilles.gif) no-repeat center; width:263px; height:2px; margin:30px 0 20px 0}*/

/* PRESSE */
/*div#contenu #presse {float:left; width:549px; min-height:631px; padding:15px 20px 20px 75px}
div#contenu #presse h1 {font-size:18px; font-weight:bold; margin:0 0 50px 0; color:#805026; text-transform:uppercase;}

div#contenu #presse .contenu_presse {width:720px; margin:0 0 30px 0}
div#contenu #presse .contenu_presse img {float:left; width:220px; margin:0 40px 0 0}
div#contenu #presse .contenu_presse .texte {float:left; width:460px; font-size:11px; }
div#contenu #presse .contenu_presse .texte h2 {font-size:12px; font-weight:bold; margin:0 0 20px 0; color:#009fea; text-transform:uppercase;}*/



/*div#contenu #presse #img_presse {width:220px; margin: 0 40px 0px 0; float:left}
div#contenu #presse #img_presse img {margin: 0 0 30px 0}*/

/*div#contenu_page_dynamique #page a {font-size:11px; color:#6b655f; font-weight:normal}
div#contenu_page_dynamique #page {width:612px; padding:15px 310px 60px 35px; min-height:430px; height:100%; font-size:12px}
div#contenu_page_dynamique #page p {text-align:justify; margin:15px 0}

div#contenu_page_dynamique #page.recrutement {width:732px; padding:15px 190px 60px 35px}
div#contenu_page_dynamique #page.fond_1 {background:url(images/fond_page_dynamique_1.jpg) no-repeat right top}


div#contenu_page_dynamique #page.fond_2 {background:url(images/fond_page_dynamique_2.jpg) no-repeat right top}


div#contenu_page_dynamique #page.fond_3 {background:url(images/fond_page_dynamique_3.jpg) no-repeat right top}

div#contenu_page_dynamique #page.fond_4 {background:url(images/fond_page_dynamique_4.jpg) no-repeat right top; width:363px; padding:15px 569px 60px 25px}

div#contenu_page_dynamique #page.audit {background:url(images/fond_page_dynamique_5.jpg) no-repeat right top; width:602px; padding:15px 320px 60px 35px}
div#contenu_page_dynamique #page.cdc {background:url(images/fond_page_dynamique_2.jpg) no-repeat right top; width:572px; padding:15px 350px 60px 35px}
div#contenu_page_dynamique #page.pour_qui {background:url(images/fond_page_dynamique_2.jpg) no-repeat right top; width:570px; padding:15px 352px 60px 35px}

div#contenu_page_dynamique #page a.loupe {padding:8px 0 0 33px; height:30px; background:url(images/loupe.png) no-repeat left center; position:absolute; bottom:0; left:0; text-decoration:underline}

#fil_ariane {font-size:11px; font-style:italic; color:#009fea; margin:0 0 30px 0}
#fil_ariane img {vertical-align:bottom}
#fil_ariane span {font-weight:bold}

div#contenu_page_dynamique #page h1 {font-size:18px; color:#805026; font-weight:bold}

div#contenu_page_dynamique #page h2 {color:#7c4d26; font-size:14px; font-weight:bold; margin: 0 0 20px 0; text-align:justify}
div#contenu_page_dynamique #page h2 .special {margin: 0 0 35px 0}
div#contenu_page_dynamique #page h3 {color:#6b655f; font-size:12px; font-weight:bold}


.paragraphe_special {font-style:italic; font-weight:bold; color:#6b655f; font-size:11px; text-align:justify}


div#contenu_page_dynamique #page p {color:#6b655f; text-align:justify}
div#contenu_page_dynamique #page p.liste {font-size:12px; margin:2px 0}
div#contenu_page_dynamique #page #lien_page_dynamique {font-size:11px; color:#009fea; margin:50px 0 20px 0; font-weight:bold; position:absolute; bottom:0px}
div#contenu_page_dynamique #page #lien_page_dynamique a {font-size:11px; color:#009fea; margin:0 0 40px 0; font-weight:bold}
div#contenu_page_dynamique #page #lien_page_dynamique img {vertical-align:bottom; margin: 0 3px 0 0}




div#contenu #accueil h1 {color:#805026; margin:0 0 15px 0; padding:0; }
div#contenu #accueil h2 {color:#dbdadb; font-size:16px; font-weight:bold}




div#piedpage {width:957px; height:143px; background: url(images/piedpage.jpg); position:relative; font-size:11px}
div#piedpage img {margin:10px 15px 60px 0; float:left;}
div#piedpage h3 {color:#f5f4f5; margin:0;}

div#piedpage p {color:#f5f4f5;}



*/






/*div#contenu_page_dynamique #page.plan_site {color:#000;}
div#contenu_page_dynamique #page.plan_site a.lien_titre {color:#000; font-size:12px}
div#contenu_page_dynamique #page.plan_site a {font-size:11px; color:#6b655f; font-weight:normal}
div#contenu_page_dynamique #page.plan_site ul{list-style-type:none}
div#contenu_page_dynamique #page.plan_site li{margin:10px 0}



.wrapper ul li img {width:450px; height:300px}
.contenu_presse img {width:220px; height:180px}*/