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

*{
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

ul, ul li
{ 	list-style-image:none; list-style-position:outside; list-style-type:none;} 

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: auto;
background-color: #ffffff;
color:#ffffff;
} 

/**//**//**//**//**//**//**//**//**/
/* STYLE GENERAL */
/**//**//**//**//**//**//**//**//**/

#container
{width:954px;margin:0 auto; position:relative;}

/* BOUTONS */
/**//**//**//**//**//**//**//**//**/

/* BOUTON TYPE 1 */
div.bouton, div.bouton a { 
    display:-moz-inline-box; 
    display:inline; 
    margin:0; 
    padding:0;
	color:#7f7063;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    text-align:center; 
    vertical-align:middle; 
    background:none; 
	text-decoration:none;
}
div.bouton a:hover {color:#ffffff;}

div.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 13px;        /* Largeur du côté gauche */ 
    vertical-align:middle;
	background:url(images/btn_gch.png) left top no-repeat;
}

div.bouton span span { 
    padding:0 11px 0 0;        /* Largeur du côté droit */ 
	background:url(images/btn_drt.png) right top no-repeat;
}

div.bouton span span span { 
    height:17px;        /* Hauteur du bouton */ 
    padding:0; 
    line-height:17px;    /* Alignement vertical du texte */
	background:url(images/btn_mil.png) left top repeat-x;
}

/* BOUTON TYPE 2 */
div.bouton2, div.bouton2 a { 
    display:-moz-inline-box; 
    display:inline; 
    margin:0; 
    padding:0;
	color:#7f7063;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    text-align:center; 
    vertical-align:middle; 
    background:none; 
	text-decoration:none;
}
div.bouton2 a:hover {color:#d6c9bf;}

div.bouton2 span { 
    position:relative; 
    float:left; 
    padding:0 0 0 13px;        /* Largeur du côté gauche */ 
    vertical-align:middle;
	background:url(images/btn2_gch.png) left top no-repeat;
}

div.bouton2 span span { 
    padding:0 11px 0 0;        /* Largeur du côté droit */ 
	background:url(images/btn2_drt.png) right top no-repeat;
}

div.bouton2 span span span { 
    height:17px;        /* Hauteur du bouton */ 
    padding:0; 
    line-height:17px;    /* Alignement vertical du texte */
	background:url(images/btn2_mil.png) left top repeat-x;
}


/* PARTIE HEADER */
/**//**//**//**//**//**//**//**//**/

.header { height:100%;}


.logo {width:209px; float:left; display:block;}

/*ESPACE LOG*/
#header_login {width:412px; height:99px;float:left;}

#login { text-align:center; color:#7f7063; font-size:11px; margin-top:20px; vertical-align:bottom;}
#login .msgerror { color:#FF0000; font-size:11px; padding-left:5px; }
#login .log {padding-left:5px; height: 25px;}
#login .passdeconnect a, #login .passdeconnect  a:hover {font-size:9px; color:#7f7063; text-decoration:underline; padding-left:5px; vertical-align:top;} 
.logue {font-size:15px; font-weight:bold; padding-left:5px; text-align:left;}

.tbLog {color:#7f7063; height:16px; border:1px solid #d6c9bf;padding-left:3px; font-size:10px;width:174px;} 
.tbLogPass {color:#7f7063; height:16px; border:1px solid #d6c9bf;padding-left:3px; font-size:10px; width:129px;}

/*ESPACE INFO BLOG LOG */
.header_right {width:333px; height:100%; float:left;background:url(images/header_right.gif) bottom no-repeat; height:99px; vertical-align:bottom; text-align:right; }

.langue { color:#7f7063; font-size:11px; margin-bottom:8px;}


#menu_info {margin:55px 15px 0 0;}
#menu_info #menu li {display:inline; width:600px; padding-left:35px; color:#7f7063; font-weight:bold; text-decoration:none; margin:0;}
#menu_info #menu  a {text-decoration:none;color:#7f7063;}
#menu_info #menu li  a:hover { color:#ffffff;}
#menu_info #menu .current { color:#ffffff;}


/*ESPACE NAVIGATION */
.nav {background:url(images/nav_bar.gif) left no-repeat; height:21px; clear:both;}


#menu_blog {float:right; padding-right:15px;}
#menu_site   {float:left;}

#menu li {display:inline; position:relative; width:600px; padding-left:11px; line-height:20px; color:#FFFFFF; font-weight:bold; text-decoration:none; margin:0;}
#menu li img { margin-top:2px;}

#menu a {text-decoration:none;color:#FFFFFF;}
#menu li  a:hover { color:#d6c9bf;}
#menu .current { color:#d6c9bf;}

/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/
/* STYLE PAGE HOME *//**//**//**//**
/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/



#main { height:432px;}

#contain_home {height:328px; background:url(images/bkg_main.gif) bottom left no-repeat;}

.text_desc {color:#FFFFFF; font-size:15px; font-weight:bold; text-align:center; position:absolute; width:954px;}

#espace_bulle {float:left; position:absolute; margin-top:30px; }

.bulle_annonce {float:left; position:relative; width:322px ; height:284px; background:url(images/bulle_annonce.png) top left; }
.info_annonce { font-weight:bold; font-size:11px;margin:170px 0 0 0px; display:block; text-align:center;}

.bulle_editeur {float:left; position:relative; width:299px ; height:284px;;background:url(images/bulle_edit.png) top left; }
.info_editeur { font-weight:bold; font-size:11px; margin:190px 0 0 25px; display:block; text-align:center;}

.bulle_asso {float:left; position:relative; width:331px ; height:284px; background:url(images/bulle_asso.png) top left; }
.info_asso { font-weight:bold; font-size:11px;margin:180px 0 0 25px; display:block; text-align:center;}

#ss_contain { margin-top:-104px;}

/*PARTIE BASSE DE LA HOME : PLUSIEURS INFOS DECLINEES EN 3 PARTIES [ NEWS / COLLECT / BLOG ] */

#home {background:url(images/bg_home.gif) bottom right no-repeat; height:104px;}
#home .infos {margin-left:15px; color:#655e59;}

#home .infos .news {float:left; width:480px;  padding:15px 0 0 0px;} 

#home .infos .collect {float:left; width:245px; padding:15px 0 0 10px;}
.collect .chiffre {color:#f48120; font-size:20px; font-weight:bold;}
.collect .intitule { font-size:15px; font-weight:bold;}

#home .infos .blog {float:left; width:180px; padding:10px 0px 0 8px;}
.blog .texte {font-size:12px; color:#FFFFFF;margin-bottom:7px;}
.blog .btn {float:right;}

/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/
/* STYLE PAGE ASSOCIATIONS *//**//**
/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/


/*#ss_contain {margin-top:15px; position:absolute;}*/
#contain {height:328px; background:url(images/bkg_contain.gif) bottom left no-repeat;}

#espace_footer {margin-top:105px;}
#espace_asso {background:url(images/bg_asso.png) bottom right no-repeat; height:206px; position:absolute; width:954px;}
#espace_annonce {background:url(images/bg_annonce.png) bottom right no-repeat; height:206px; position:absolute; width:954px;}
#espace_edit {background:url(images/bg_editeur.png) bottom right no-repeat; height:206px; position:absolute; width:954px;}

.bulles { background:url(images/bulles_espaces.png) transparent top right no-repeat; position:absolute; width:950px; height:264px; padding-top:64px;}

.bulles .info_bulle {float:left; width:240px; padding-left:17px; line-height:18px; font-weight:bold;}
.bulles .annonce {color:#00aeef;}
.bulles .edit {color:#8cc63f;}
.bulles .asso {color:#dd078c;}

.bulles .info_bulle1 {float:left; width:250px; text-align:center; margin-top:5px;}
.bulles .info_bulle2 {float:left; width:200px; text-align:center; margin-top:-2px;}
.bulles .info_bulle3 {float:left; width:232px; text-align:center; margin-top:5px;}

.titre_bulle {font-size:18px; font-weight:bold; margin-bottom:5px;} 
.txt_bulle {padding-top:5px;} 

.element_asso { background:transparent url(images/element_asso.png) bottom left no-repeat; height:150px; width:950px; float:left; clear:both; position:absolute; margin-top:180px;}
.element_annonce{ background:transparent url(images/element_annonce.png) bottom left no-repeat;height:150px; width:950px; float:left; clear:both; position:absolute; margin-top:180px; }
.element_edit { background:transparent url(images/element_editeur.png) bottom left no-repeat;height:150px; width:950px; float:left; clear:both; position:absolute; margin-top:180px;}

.espace_footer #bandeau_bas { height:102px;}
 
.chiffre_collect {float:left; font-weight:bold; text-align:center; width:210px; padding-top:40px;}
.reseau_inscription {float:left; padding-left:30px;}


.reseau_inscription .campagne_encours {margin-top:30px;}
.reseau_inscription .btn_reseau {margin-top:10px}

#carousel {
  float:left;
  margin-left:40px;
  width: 422px;
  height: 100px;
  margin-bottom: 10px;
  position: relative;  
}         

#carousel .img_contain {
  position: absolute;
  left: 37px;  
  width: 350px;
  /*height: 85px;*/
  overflow:hidden;   
}            

#carousel .prec_button {
  position: absolute;
  left: 10px;
  width: 23px;
  height: 102px;
  background: url(images/left.gif);
  z-index: 100;    
  cursor:pointer;
}        

#carousel .prec_button_off {
  background: url(images/left-off.gif);
  cursor:default;
}

#carousel .suiv_button {
  position: absolute;
  right: 10px;
  width: 23px;
  height: 102px;
  background: url(images/right.gif);
  z-index: 100;
  cursor:pointer;
}   

#carousel .suiv_button_off {
  background: url(images/right_off.gif);
  cursor:default;
}

#carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 90px;
}                      

#carousel ul li img {
  display:block;             
}                               

#carousel ul li {
  font-size:10px;
}                               

#carousel ul li {
  padding:18px 5px 5px ;
  width:106px;
  float:left;
}

.reseau_inscription {float:left;}
.reseau_inscription .campagne_encours {font-weight:bold;}
.campagne_encours .editeurs a, a:hover{ text-decoration:underline; color:#436e09;}



/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/
/* STYLE PAGE BLOG DEGRADE MARRON */
/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/


#main #pages_blog {background:url(images/bkg_blog.gif) top left no-repeat; height:432px;}

/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/
/* STYLE PAGE CONTACT BLOG *//**//**
/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/



#pages_blog .relation_contact {color:#4f4f4f; margin-top:50px; float:left; width:280px;}
.relation_contact .coordonnees {margin-bottom:12px; padding-left:28px;}
.relation_contact .nom {font-size:15px; font-weight:bold; line-height:20px;}

#pages_blog .bkg_formulaire { float:left; background:transparent url(images/bg_form.png) top right no-repeat; width:674px; height:431px;}
.form_contact {margin: 30px 0 0 100px;}

.info_form { margin:10px 0 30px 0; padding-left:10px;}
.info_form_contact { margin:10px 0 30px 0; padding-left:10px;}

.info_form .champs_obligatoires {float:left; font-size:9px; color:#FFFFFF;}
.form_contact .erreur {float:right; color:#4a4a4a; font-size:11px; padding-right:20px;}

.info_form_contact .champs_obligatoires {float:left; font-size:9px; color:#FFFFFF;}
.info_form_contact .erreur {float:right; color:#4a4a4a; font-size:11px; padding-right:20px;}

.formulaire { float:left; margin-top:10px;}
.formulaire .cssform {width:560px;}
/*
.cssform p{
clear: left;
margin: 0;
padding: 2px 0 3px 0;
height: 20px;
}

.cssform label{
font-weight: bold;
float: left;
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
/*
}

.cssform input{
color:#908277; height:16px; border:1px solid #908277;padding-left:3px; font-size:10px;width:310px; vertical-align:middle;
}

.cssform input[type="radio"] { border :0; padding-left:15px; width:30px;}

.cssform textarea
{color:#908277; border:1px solid #908277;width:313px; height:100px;}
*/

.contact_form-block {margin-top:5px;}
.contact_form-block .form-content {
	margin-top:-25px;
	float: left;
	position: relative;
	color:#ffffff;
}



.contact_form-block .form-holder h3 {
	float: left;
	color:#ffffff;
	font-size: 12px;
	margin: 0px 0 4px  174px;
}


.contact_form-block p {
	float: left;
	width: 100%;
	margin: 10px 0 0;
	line-height: 12px;
}

.contact_form-block ul {
	float: left;
	clear: both;
	margin:5px 0 1px 0;
}

.contact_form-block ul li {
	float: left;
	margin-right: 10px;
	padding: 1px 0 2px;
	list-style: none;
	position: relative;
}

/*
.contact_form-block ul li.yes {
	background: url(images/yes.gif) no-repeat 100% 0;
}

.contact_form-block ul li.no {
	background: url(images/no.gif) no-repeat 100% 0;
}
*/
.contact_form-block ul li.no input {
	border: 1px solid #cb3f37;
}

.contact_form-block ul li.no label {
	color: #cb3f37;
}

.contact_form-block ul li .bouton2 {
margin-left:332px;
cursor:pointer;
float:right;

}

.contact_form-block  ul li label {
	float: left;
	width: 85px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-weight:bold;
}


.contact_form-block ul li span.radio-holder {
	float: left;
	display: inline;
	overflow: hidden;
	padding-left:15px;
}

.contact_form-block ul li label.radio {
	width: auto;
	margin: 0 25px 0 0;
	line-height:17px;
}

.contact_form-block ul li label.radio input {
	float: left;
	width: 15px;
	height: 15px;
	margin: 1px 4px 0 0;
	border: none;
}

.contact_form-block .info {
	float:left;
	margin-left:177px;
	font-size:11px;
	line-height:12px;
	width:430px;
}

.contact_form-block ul li input  {
	float: left;
	width: 300px;
	margin: 0 0 0 6px;
	padding: 1px 5px 2px;
	display: inline;
	border: 1px solid #908277;
	color:#4A4A4A;
	font-family:Arial, Helvetica, sans-serif;
	height:16px;
}
.contact_form-block ul li textarea {
	float: left;
	width: 300px;
	height:100px;
	margin: 0 0 0 6px;
	padding: 1px 5px 2px;
	color:#4A4A4A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #908277;
}


 
.contact_form-block ul li .input_url {
	float: left;
	margin-left:6px;
	width:300px;
	color:#908277;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.contact_form-block ul li .url_dispo {float:right; height:20px; line-height:19px; margin-right:10px;} 

.contact_form-block li .input_url input {
	float: none;
	width: 120px;
	margin: 0 0 0 6px;
}

.contact_form-block li input.titre  {
	float: none;
	width: 300px;
	margin: 0 0 0 6px;
	display: inline;
	border: 1px solid #908277;}

.form-block span.check {
	float: left;
	margin: 10px 0 0px 174px;
	line-height: 14px;
}

.contact_form-block span.check label {
	float: left;
	/*width: 196px;*/
	/*padding: 0 0 0 4px;*/
}

.contact_form-block span.check .info {margin:0;} 

.form-block span.check input {
	float: left;
	width: 16px;
	height: 16px;
	margin-right:5px;
}

.contact_form-block span.check a {
	color: #02ade9;
	text-decoration: none;
}

.contact_form-block span.check a:hover {
	text-decoration: underline;
}


/*--popup--*/
.popup {
	position: absolute;
	width: 181px;
	bottom: 35px;
	left: 200px;
}

.popup .popup-top {
	float: left;
	width: 181px;
	background: url(images/popup-bg.png) repeat-y;
}

.popup .popup-top .popup-bg {
	float: left;
	width: 181px;
	margin: -27px 0 0;
	padding: 4px 0 0;
	position: relative;
	background: url(images/popup-top.png) no-repeat;
}

.popup span {
	float: left;
	height: 18px;
	line-height: 0;
	width: 181px;
	background: url(images/popup-bottom.png) no-repeat;
}

.popup em {
	display: block;
	width: 150px;
	padding: 0 7px 0 24px;
	font-style: normal;
	color: #fff;
	line-height: 14px;
}


/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/
/* STYLE PAGE POURQUOI GOOD ACTION */
/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/


#main #bkg_custo {background:url(images/fond-de-Page-editeurs.jpg) top left no-repeat; height:100%;}

#bkg_custo #area_pourquoi {float:left; width:610px; padding:20px 0 0 100px; color:#4f4f4f; }
#bkg_custo #area_chiffres {float:left;  padding: 15px 0 0 22px; width: 200px;}
#bkg_custo .marg10px {margin-bottom:10px;}

#area_chiffres .donnees_chiffres {margin-top:10px; font-weight:bold;}




/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/
/* STYLE PAGE POP UP *//**//**/
/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/


.splashHeader {
width:100%;
height:50px;}

.splashHeader .titre { 
	float:left; 
	margin:5px 0 0 5px;
}

.splashHeader .close {
    position:relative;
	float:right; 
	margin:-5px;
	z-index:10;
}

.splashHeader .champs_obligatoires {
	clear:both;
	font-size: 9px;
	padding-left:5px; 
}

.splashContent {
	float:left;
	margin:30px 0 0 5px;
	font-weight:bold;
}

.splashContent input {
	float: left;
	width: 254px;
	/*margin: 0 0 0 6px;
	padding: 1px 5px 2px;*/
	display: inline;
	border: 1px solid #908277;
	color:#4A4A4A;
	font-family:Arial, Helvetica, sans-serif;
	height:16px;
}

.splashParrainage .splashContent input {
	width:145px;}

.splashParrainage tr {height:22px;}

.splashContent textarea {
	width: 392px;
	height:75px;
	/*margin: 0 0 0 6px;*/
	padding: 1px 5px;
	color:#f4892f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #908277;
}

.splashContent .bouton {
	float:right;
	padding:5px 15px 0 0;
	margin-left:0;
	cursor:pointer;
}

.splashContent .mentions_legales{
	margin-top:10px;
	font-size: 9px; 
	font-weight:normal;
	padding-left:5px;
}

.splashNewsletter .splashContent .mentions_legales{
	margin-top:155px;
}

.splashContent .mentions_legales a, a:hover {
	color:#f38120;
}

.splashInscription .splashContent {
	margin-top:10px;
}
.inscription_form-block .form-content {
	float: left;
	position: relative;
	display:block;
}

.inscription_form-block p {
	float: left;
	margin: 10px 0 0;
	line-height: 12px;
}

.inscription_form-block ul {
	float: left;
	clear: both;
	width: 385px;
	margin:5px 0 1px 0;
	padding: 0;
}

.inscription_form-block ul li {
	float: left;
	width: 385px;
	padding: 3px 0 2px;
	list-style: none;
	position: relative;
}


.inscription_form-block ul li .pwd2 {
line-height:12px;
}

/*
.inscription_form-block ul li.yes {
	background: url(images/yes.gif) no-repeat 100% 0;
}

.inscription_form-block ul li.no {
	background: url(images/no.gif) no-repeat 100% 0;
}
*/
.inscription_form-block ul li.no input {
	border: 1px solid #cb3f37;
}

.inscription_form-block ul li.no label {
	color: #cb3f37;
}

/*.inscription_form-block ul li .bouton {
cursor:pointer;
float:right;

}*/

.inscription_form-block  ul li label {
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-weight:bold;
}


.inscription_form-block ul li span.radio-holder {
	float: left;
	width: 430px;
	margin: 0 0 0 174px;
	display: inline;
	overflow: hidden;
}

.inscription_form-block ul li label.radio {
	width: auto;
	margin: 0 20px 0 0;
	line-height:17px;
}

.inscription_form-block ul li label.radio input {
	float: left;
	width: 15px;
	height: 15px;
	margin: 1px 4px 0 0;
	border: none;
}

.inscription_form-block ul li input {
	float: left;
	width: 254px;
	margin: 0 0 0 6px;
	padding: 1px 5px 2px;
	display: inline;
	border: 1px solid #908277;
	height:16px;
	color:#908277;
	font-family:Arial, Helvetica, sans-serif;
}

.inscription_form-block span.check {
	float: left;
	margin: 5px 0 0 110px;
	line-height: 14px;
}

.inscription_form-block span.check label {
	float: left;
}

.inscription_form-block span.check input {
	float: left;
	width: 16px;
	height: 16px;
	margin-right:5px;	
	border:0;
}

.inscription_form-block span.check a {
	color: #f5923e;
	text-decoration: none;
}

.inscription_form-block span.check a:hover {
	text-decoration: underline;
}


/*--popup formulaire--*/
.popup {
	position: absolute;
	width: 181px;
	bottom: 35px;
	left: 200px;
}

.popup .popup-top {
	float: left;
	width: 181px;
	background: url(images/popup-bg.png) repeat-y;
}

.popup .popup-top .popup-bg {
	float: left;
	width: 181px;
	margin: -27px 0 0;
	padding: 4px 0 0;
	position: relative;
	background: url(images/popup-top.png) no-repeat;
}

.popup span {
	float: left;
	height: 18px;
	line-height: 0;
	width: 181px;
	background: url(images/popup-bottom.png) no-repeat;
}

.popup em {
	display: block;
	width: 150px;
	padding: 0 7px 0 24px;
	font-style: normal;
	color: #fff;
	line-height: 14px;
}

#screenshot{
	position:absolute;
	background:#f37d19;
	padding:1px;
	display:none;
	color:#fff;
	}

/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/
/* STYLE PAGE PRESSE *//**//**//**/
/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/


#pages_blog #presse { padding:20px 0 0 20px;}

#pages_blog #presse .liste_articles {margin-top:15px;}
.liste_articles .article {background:transparent url(images/bg_zone_presse.gif) top right no-repeat; width:781px; height:91px; padding:1px; margin-bottom:20px;}

.article .img {float:left; width:148px; vertical-align:middle; text-align: right;}
.article .description {margin:10px 0 0 160px; width:610px;font-size:12px; color:#4f4f4f;  }
.article .description .titre {font-size:15px; font-weight:bold; color:#4f4f4f; margin-top:10px;}
.article .description .texte {width:580px; float:left;}

.article .btn_lire { float:right; margin:5px 30px 0 0;}

div.pagination {
	padding:3px;
	margin:0px;
	text-align:center;
	color:#908277;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #908277;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #D6C9C0;
	color: #ffffff;
	background-color: #D6C9C0;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #908277;
	font-weight: bold;
	background-color: #908277;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #DDDDDD;
	color: #ccc;
}


/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/
/* STYLE PAGE MENTIONS *//**//**//**/
/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/

#pages_blog #mentions_credits { margin:20px 0 0 10px;}

#mentions_credits .mentions_legales { width:926px; height:178px; background:transparent url(images/zone_mentions.gif) top left no-repeat; margin:8px 0 20px 0; padding-top:1px;}

#container_mentions {
/* Typical fixed height and fixed width example */
width: 850px;
height: 140px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 10px auto;
padding: 0px 15px 15px 15px;
}
#container_mentions .contenu {}


#container_mentions.flexcroll .contenu h2 
{font-size:12px; color:#f38120;}

#container_mentions.flexcroll .contenu p 
{font-size:12px; color:#4f4f4f;}


#mentions_credits .credits {width:920px; float:left;}
#mentions_credits .credits .societe 
{float:left; width:260px; text-align:center; margin:0px 15px;}


#mentions_credits .credits .societe h1 
{font-size:15px; font-weight:bold; text-align:center; color:#f38120; margin-bottom:3px;}

#mentions_credits .credits .societe .logo_ent {height:70px; vertical-align:middle; display:block;}

#mentions_credits .credits .societe p
{color:#4f4f4f; text-align:left; padding-left:75px;}

#mentions_credits .credits .societe p .name {font-weight:bold; font-size:15px;}

/*SCROLL BAR*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 5px;
background-color: #d6c9c0;
}
.vscrollerbar {
width: 5px;
background-color: #908277;
}
.hscrollerbase {
height: 5px;
background-color: #d6c9c0;
}
.hscrollerbar {
height: 5px;
background-color: #908277;
}

.scrollerjogbox {
width: 5px;
height: 5px;
top: 0; left: 0;
bottom: 0px; right: 0px;
}

/*FIN SCROLLBAR*/



/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/
/* STYLE PAGE CREATION BLOG *//**//*
/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/


#main_blog  {height:465px;background:url(images/bg_page_blog.gif) top left no-repeat;}


#bkg_crea_blog #area_desc{float:left; width:255px; padding:60px 0 0 45px; }
#area_desc p {font-size: 18px; font-weight:bold; line-height:25px;}
#area_desc span {padding-top:15px;}


#bkg_crea_blog #area_form {float:left; width:600px;color:#4f4f4f; margin:18px 20px 0 15px; }
#area_form #info_form_blog {margin-left:15px;}
#area_form #info_form_blog .champs_obligatoires {float:left; color:#908277; font-size:9px; padding-top:3px;}
#area_form #info_form_blog .erreur {float:right; color:#FF0000; font-size:11px; padding-top:3px;}

.form-block {margin-top:5px;}
.form-block .form-content {
	margin-top:10px;
	float: left;
	position: relative;
	color:#908277;
}



.form-block .form-holder h3 {
	float: left;
	color:#908277;
	font-size: 12px;
	margin: 0px 0 4px  174px;
}


.form-block p {
	float: left;
	width: 100%;
	margin: 10px 0 0;
	line-height: 12px;
}

.form-block ul {
	float: left;
	clear: both;
	width: 610px;
	margin:5px 0 1px 0;
	padding: 0;
}

.form-block ul li {
	float: left;
	width: 610px;
	margin: 5px 0 0;
	padding: 1px 0 2px;
	list-style: none;
	position: relative;
}

/*
.form-block ul li.yes {
	background: url(images/yes.gif) no-repeat 100% 0;
}

.form-block ul li.no {
	background: url(images/no.gif) no-repeat 100% 0;
}
*/
.form-block ul li.no input {
	border: 1px solid #cb3f37;
}

.form-block ul li.no label {
	color: #cb3f37;
}

.form-block ul li .bouton {
margin-top:-5px;
cursor:pointer;
margin-left:500px;
float:right;

}

.form-block  ul li label {
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 20px;
	font-weight:bold;
}


.form-block ul li span.radio-holder {
	float: left;
	width: 430px;
	margin: 0 0 0 174px;
	display: inline;
	overflow: hidden;
}

.form-block ul li label.radio {
	width: auto;
	margin: 0 20px 0 0;
	line-height:17px;
}

.form-block ul li label.radio input {
	float: left;
	width: 15px;
	height: 15px;
	margin: 1px 4px 0 0;
	border: none;
}

.form-block .info {
	float:left;
	padding-left:177px;
	font-size:11px;
	line-height:12px;
	width:430px;
}
.form-block .info_cgu {
	float:left;
	font-size:11px;
	line-height:12px;
	width:430px;
}



.form-block ul li input {
	float: left;
	width: 158px;
	margin: 0 0 0 6px;
	padding: 1px 5px 2px;
	display: inline;
	border: 1px solid #908277;
	height:16px;
	color:#908277;
	font-family:Arial, Helvetica, sans-serif;
}

.form-block ul li .input_url {
	float: left;
	margin-left:6px;
	width:300px;
	font-weight:bold;
}

.form-block ul li .url_dispo a, .form-block ul li .url_dispo a:hover  
{float:right; color:#908277; font-weight:bold; height:20px; line-height:19px; margin-right:6px; text-decoration:underline;} 

.form-block li .input_url input {
	float: none;
	width: 120px;
	margin: 0 0 0 6px;
	color:#908277;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.form-block li input.titre  {
	float: none;
	width: 300px;
	margin: 0 0 0 6px;
	display: inline;
	border: 1px solid #908277;}

.form-block span.check {
	float: left;
	margin: 10px 0 0px 174px;
	line-height: 14px;
}

.form-block span.check label {
	float: left;
	/*width: 196px;*/
	/*padding: 0 0 0 4px;*/
}

.form-block span.check .info {margin:0;} 

.form-block span.check input {
	float: left;
	width: 16px;
	height: 16px;
	margin-right:5px;
}

.form-block span.check a {
	color: #02ade9;
	text-decoration: none;
}

.form-block span.check a:hover {
	text-decoration: underline;
}


/*--popup formulaire--*/
.popup {
	position: absolute;
	width: 181px;
	bottom: 35px;
	left: 200px;
}

.popup .popup-top {
	float: left;
	width: 181px;
	background: url(images/popup-bg.png) repeat-y;
}

.popup .popup-top .popup-bg {
	float: left;
	width: 181px;
	margin: -27px 0 0;
	padding: 4px 0 0;
	position: relative;
	background: url(images/popup-top.png) no-repeat;
}

.popup span {
	float: left;
	height: 18px;
	line-height: 0;
	width: 181px;
	background: url(images/popup-bottom.png) no-repeat;
}

.popup em {
	display: block;
	width: 150px;
	padding: 0 7px 0 24px;
	font-style: normal;
	color: #fff;
	line-height: 14px;
}

#screenshot{
	position:absolute;
	background:#f37d19;
	padding:1px;
	display:none;
	color:#fff;
	}


/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/
/* STYLE BAS DE PAGE *//**//**//**/
/**//**//**//**//**//**//**//**//**/
/**//**//**//**//**//**//**//**//**/


#footer {width:100%; text-align:center; clear:both; padding-top:0px; color:#b39277;/* position:absolute; */float:left; text-decoration:none; margin:0;}

#footer a { color:#b39277; text-decoration:none;}

#footer a:hover { color:#b39277; text-decoration:underline;}

/**
 * add by @ludo
 * */
#logo-partner {
	float: left;
	width: 80px;
	height: 80px;
}
#title-partner {
  float: left;
  width: 340px;
}
#partner {
	float: left;
	padding-left: 80px;
}
#area_chiffres h2 span {
  display: none;
}
#area_chiffres h3 {
  font-size: 13px;
}
#area_chiffres h3 strong {
  font-size: 18px;
}
#profil {
  height: 24px;
  background: url(images/profil.gif) left top no-repeat; 
}
#traffic {
  margin-top: 1em;
  height: 24px;
  background: url(images/traffic.gif) left top no-repeat;
}
#format {
  margin-top: 1em;
  height: 24px;
  background: url(images/format.gif) left top no-repeat;
}
#link {
  margin-top: 2em;
  color:#FFFFFF;
  text-decoration:none;
}
#link a, a:hover {
  color:#ffffff;
  text-decoration:none;
}
#editeur {
  height: 30px;
  background: url(images/editeur.gif) right top no-repeat;
}
#editeur span {
  display: none;
}