@charset "utf-8";
/*-------------------------------------------------------------*/
/* ------  Styles de l'espace membre  ------)*/
/*-------------------------------------------------------------*/
#btns_rss { 
width:195px;
position: relative; 
left: 36%;
}

#menu_member_box h3{
	background:url(../_img_front/users.png) no-repeat;
	margin:0;
	padding:0  0 0 35px;
	display:block;
	width:195px;
	line-height:30px;
}

#menu_member_box input{
	font-size:12px;
	color:#555;
	padding:3px 5px;
	background:#FFF;
	border:1px solid #DDD;
	width:205px;
}

#menu_member_box input:hover{
	border:1px solid #CCC;
}

#menu_member_box a{
	font-size:10px;
	color:#555;
}

#menu_member_box .bouton{
	background:url(../_img_front/connexion.png) no-repeat;
	margin:10px 5px;
	border:none;
	height:32px;
}

#menu_member_box .bouton:hover{
	border:none;
	color:#333;
}


/* ¤¤¤¤¤ liste des clients ¤¤¤¤¤ */
#clients_prod_text{
	margin:10px 0 0 270px;
	padding:15px;
	width:450px;
	height:600px;
	overflow-y:auto;
	overflow-x:hidden;
	color:#555;
	text-align:justify;
	background:#F7F7F7;
	border-bottom:10px double #DEDEDE;
	border-left:1px solid #EEE;
	border-top:1px solid #EEE;
	font-size:11px;
	line-height:14px;
	zoom: 1;
	position: relative;
	display:block;
	font-family:Arial, Verdana, sans-serif;
}

#clients_prod_text strong{
	color:#666;
}

#clients_prod_text a{
	color:#333;
	text-decoration:none;
}

#clients_prod_text a:hover{
	color:#000;
	text-decoration:underline;
}

#clients_prod_text h3{
	background: url(../_img_front/add.png) no-repeat;
	margin:20px 0 15px 0;
	padding:0 0 0 35px;
	letter-spacing:0;
	font-size:20px;
	line-height:30px;
	text-align:left;
	width:405px;
}

#clients_prod_text h3:hover{
	color:#42C2D6;
}

.picto_clients_prod_wp{
	margin:0 0 -2px 0;
	border: 0;
}

.picto_clients_prod_rd{
	margin:0 0 10px 0;
	border: 0;
}

.api_screen_shot_nfo{
	margin: 15px 0 0 0px;
	text-align :center;
	clear: both;
}

.clients_prod_thumb_web{
	padding:5px;
	background:#EFEFEF;
	border:1px solid #DDD;
	float:none;
	margin:0 10px 0px 0;
	position : relative;
	left: 78px;
}

/*
#clients_prod_text img{
	padding:5px;
	background:#EFEFEF;
	border:1px solid #DDD;
	float:left;
	margin:0 10px 5px 0;
}

#clients_prod_text img.full{
	float:none;
}

#clients_prod_text .thumb{
	padding:0;
}
*/

#clients_prod_text ol{
	margin:O;
	padding:O;
	width:370px;
	text-align:left;
}

#clients_prod_text ol li{
	margin:10px 0;
	background:#FFF;
	padding:5px;
	font-size:13px;
	border:1px solid #D8EBF8;
	list-style-type:none;
}

#clients_prod_text fieldset{
 /* border:1px solid #AAA;*/
 padding : 5px;
 border:1px solid #DDDDDD;
}

#clients_prod_text legend{
	font-weight: bold;
	font-size: 12px;
	color:#42C2D6;
	letter-spacing:1px;
	margin-bottom: 5px;
}



/* ¤¤¤¤¤ Gallerie des RD et des WP avec vignettes ¤¤¤¤¤ */
#gallerie_thumb_prod{
	margin:10px 0 0 270px;
	padding:15px;
	width:450px;
	height:600px;
	overflow-y:auto;
	overflow-x:hidden;
	color:#555;
	text-align:justify;
	background:#F7F7F7;
	border-bottom:10px double #DEDEDE;
	border-left:1px solid #EEE;
	border-top:1px solid #EEE;
	font-size:11px;
	line-height:14px;
	zoom: 1;
	position: relative;
	display:block;
	font-family:Arial, Verdana, sans-serif;
}

#gallerie_thumb_prod a{
	color:#333;
	text-decoration:none;
}

#gallerie_thumb_prod a:hover{
	color:#000;
	text-decoration:underline;
}

#gallerie_thumb_prod h4{
	background: url(../_img_front/add.png) no-repeat;
	margin:20px 0 15px 0;
	padding:0 0 0 35px;
	letter-spacing:0;
	font-size:14px;
	line-height:30px;
	text-align:left;
	width:405px;
}

#gallerie_thumb_prod h4:hover{
	color:#42C2D6;
}

/**/
#gallerie_thumb_prod img{
	padding:5px;
	background:#EFEFEF;
	border:1px solid #DDD;
	margin:0 5px 2px 0;
	width :120px;
	height : 90px;
}

#gallerie_thumb_prod fieldset{
 /* border:1px solid #AAA;*/
 padding : 0 0 0 15px;
 border:1px solid #DDDDDD;
}

#gallerie_thumb_prod legend{
	font-weight: bold;
	font-size: 12px;
	color:#42C2D6;
	letter-spacing:1px;
	margin-bottom: 5px;
}

/* ¤¤¤¤¤ Espace membre ¤¤¤¤¤ */
#member_space_text{
	margin:10px 0 0 270px;
	padding:10px;
	width:460px;
	height:610px;
	overflow-y:auto;
	overflow-x:hidden;
	color:#555;
	text-align:justify;
	background:#F7F7F7;
	border-bottom:10px double #DEDEDE;
	border-left:1px solid #EEE;
	border-top:1px solid #EEE;
	font-size:11px;
	line-height:14px;
	position: relative;
	font-family:Arial, Verdana, sans-serif;
}

#member_space_text a{
	color:#333;
	text-decoration:none;
}

#member_space_text a:hover{
	color:#000;
	text-decoration:underline;
}

#member_space_text h4{
	background: url(../_img_front/add.png) no-repeat;
	margin:20px 0 15px 0;
	padding:0 0 0 35px;
	letter-spacing:0;
	font-size:14px;
	line-height:30px;
	text-align:left;
	width:405px;
}

#member_space_text h4:hover{
	color:#42C2D6;
}

/**/
#member_space_text img{
	padding:3px;
	background:#EFEFEF;
	border:1px solid #DDD;
	margin:0 5px 2px 0;
}

#member_space_text input{
	padding:3px;
	background:#EFEFEF;
	border:1px solid #DDD;
	margin:0 5px 2px 0;
}

#member_space_text fieldset{
 /* border:1px solid #AAA;*/
 padding : 5px;
 border:1px solid #DDDDDD;
}

#member_space_text legend{
	font-weight: bold;
	font-size: 12px;
	color:#42C2D6;
	letter-spacing:1px;
	margin-bottom: 5px;
}

/*-------------------------------------------------------------*/
/* ------  Styles de lla liste des Rd d'un membre  ------)*/
/*-------------------------------------------------------------*/
#container {
	height:auto;
	position:relative;
	width:100%;
	z-index:20;
}


.txt_vignette_rd{
	font-size: 9px;
	color:#3CAAE4;
	font-family: arial,verdana,sans-serif;
	text-align: center;
}

div  a img{
	border:0;
	margin: 0px;
	padding: 0px;
}

.float_right{
	float : right;
}
.float_left{
	float : left;
}
.clear{
	clear:both;
}

.spacer_bottom{
	padding-bottom: 10px;
}

.spacer_vertical{
	padding: 10px 0 10px 0;
}

.spacer_horizontal{
	padding: 0 15px 0 15px;
}

.spacer_horizontal_gauche{
	padding: 0 0 0 5px;
}

.spacer_horizontal_droit{
	padding: 0 10px 0 0;
}

.spacer_field{
	padding-bottom:3px;
}

.clear{
	clear:both;
}

.bloc_label_lst_popin {
	display: block;
	padding: 0 10px 0 0;
	font-weight: bold;
	font-size: 11px;
	color:#444444;
	width:120px;
	text-align: right;
}

input.bouton_form_pop{
  font-weight:bold;
  width:70px;
  background-image: url("../../shared/_ico_front/header-popin-bg.jpg");
  font-size:11px;
  padding:1px;
  text-align:center;
  margin: 10px auto;
  border:1px solid #ccc;
  color:#FFF;
}
input.bouton_form_pop:hover{
  color:#3CAAE4;
  text-decoration:none;
}


.bloc_page_pop {
	display: block;
	padding: 0 20px 0 20px;
	font-weight: regular;
	font-size: 11px;
	color:#444444;
	text-align: left;
}

.bloc_page_pop label {
	font-weight: bold;
	font-size: 11px;
	color:#444444;
	letter-spacing:0.4px;
	text-align: left;
}

input.champ_txt_pop{
  font-size:11px;
  font-weight:bold;
  color:#444444;
  width :170px;
  height: 16px;
  border:1px solid #c8b2d1;
  position: relative;
  top: -4px;
}

textarea.textarea_adresse_pop{
  font-size:11px;
  font-weight:bold;
  color:#444444;
  width :170px;
   height: 32px;
  border:1px solid #c8b2d1;
  position: relative;
  top: -4px;
}

select.combo_civilite{
  font-weight: regular;
  font-size: 12px;
  width:175px;
  color:#FFF;
  background:#000000;
  text-decoration:none;
  border:1px solid #FFF;
  position: relative;
  top: -4px; 	
}

.txt_lst_rd{
	font-size:12px;
	color:#333;
	line-height:19px;
	font-weight: regular;
	letter-spacing:1px;
}

fieldset{
 /* border:1px solid #AAA;*/
 padding : 5px;
 border:1px solid #444444;
}
legend{
	font-weight: bold;
	font-size: 14px;
	color:#444444;
	letter-spacing:1px;
	margin-bottom: 5px;
}

.bloc_message_pop{
	display: block;
	padding: 0 20px 0 20px;
	font-weight: regular;
	font-size: 11px;
	color:#444444;
	text-align: left;
}

.bloc_message_pop fieldset{
 /* border:1px solid #AAA;*/
 padding : 12px;
 border:1px solid #444444;
}

.bloc_message_pop legend{
	font-weight: bold;
	font-size: 14px;
	color:#008FD7;
	letter-spacing:1px;
	letter-spacing:1px;
	margin-bottom: 5px;
}

.filet_contour {
	width : 94.8%;
	border:0.1em solid #000000;
}

.picto_lst{
	width: 20px;
	height: 20px;
	border: 0;
}

/*-------------------------------------------------------------*/
/* ------  Styles de l'index (page de login  ------)*/
/*-------------------------------------------------------------*/

#rd_index{
	font-family:Arial, Verdana, sans-serif;
	background:#FFF url(../_img_front/index_rd_bg.jpg) no-repeat;
	margin:0;
	padding:0;
}

#rd_index #logo{
	margin:70px 0 0 280px;
	border : 0;
}

#rd_index h1{
	color:#3CAAE4;
	font-size:50px;
	margin:60px 0 0 267px;
	padding:0;
	line-height:40px;
	width:470px;
	display:none;
}

#rd_index h2{
	margin:-32px 0 20px 398px;
	padding:0;
	color:#888;
	font-size:20px;
	letter-spacing:2px;
	width:410px;
}

/*
Deplace --> voir dans custom_front.css ou custom_front_ie.css --> pour reglages specifiques
#login_box{
	margin:-841px 0 0 760px;
	padding:10px;
	width:220px;
	background:#EEE;
	border:1px solid #DDD;
	color:#333;
}
*/

#login_box h3{
	background:url(../_img_front/users.png) no-repeat;
	margin:0;
	padding:0  0 0 35px;
	display:block;
	width:195px;
	line-height:30px;
}

#login_box small{
	margin:5px;
	color:#888;
	font-size:11px;
	display:block;
}

#login_box label{
	display:block;
	clear:both;
	margin:10px 0 0 5px;
	font-size:12px;
	color:#333;
}

#login_box input{
	font-size:12px;
	color:#555;
	padding:3px 5px;
	background:#FFF;
	border:1px solid #DDD;
	width:205px;
}

#login_box input:hover{
	border:1px solid #CCC;
}

#login_box a{
	font-size:10px;
	color:#555;
}

#login_box a:hover{
	color:#333;
	text-decoration:underline;
}

#login_box .bouton{
	background:url(../_img_front/connexion.png) no-repeat;
	margin:10px 5px;
	border:none;
	height:32px;
}

#login_box .bouton:hover{
	border:none;
}



/* ¤¤¤¤¤ Callback box ¤¤¤¤¤ */
#callback_box{
	margin:5px 0 5px 760px;
	/* ci desoous a voir lors du decoupage */
	/*margin:-525px 0 0 760px;*/
	padding:10px;
	width:220px;
	background:#EEE;
	border:1px solid #DDD;
	color:#333;
}

#callback_box h3{
	background:url(../_img_front/telephone.png) no-repeat;
	margin:0;
	padding:0  0 0 35px;
	display:block;
	width:195px; 
	line-height:32px;
}

#callback_box label{
	display:block; 
	clear:both;
	margin:10px 0 0 5px;
	font-size:12px;
	color:#333;
}

#callback_box input{
	font-size:12px;
	color:#555;
	padding:3px 5px;
	background:#FFF;
	border:1px solid #DDD;
	width:205px;
}

#callback_box input:hover{
	border:1px solid #CCC;
}

#callback_box .bouton{
	background:url(../_img_front/connexion.png) no-repeat;
	margin:10px 5px;
	border:none;
	height:32px;
	clear:both;
}

#callback_box .bouton:hover{
	border:none;
}


/* ¤¤¤¤¤ Presentation text ¤¤¤¤¤ */
#presentation_text{
	margin:10px 0 0 270px;
	padding:15px;
	width:450px;
	height:600px;
	overflow-y:auto;
	overflow-x:hidden;
	color:#555;
	text-align:justify;
	background:#F7F7F7;
	border-bottom:10px double #DEDEDE;
	border-left:1px solid #EEE;
	border-top:1px solid #EEE;
	font-size:15px;
	line-height:19px;
	zoom: 1;
	position: relative;
	display:block;
	font-family:Arial, Verdana, sans-serif;
}

#presentation_text strong{
	color:#666;
}

#presentation_text a{
	color:#333;
	text-decoration:none;
}

#presentation_text a:hover{
	color:#000;
	text-decoration:underline;
}

#presentation_text p{
	margin:0 0 10px 0;
}

#presentation_text sup{
	font-size:9px;
}


#presentation_text h2{
	background: url(../_img_front/add.png) no-repeat;
	margin:20px 0 15px 0;
	padding:0 0 0 35px;
	letter-spacing:0;
	font-size:20px;
	line-height:30px;
	text-align:left;
	width:405px;
}

#presentation_text h2:hover{
	color:#42C2D6;
}

#presentation_text img{
	padding:5px;
	background:#EFEFEF;
	border:1px solid #DDD;
	float:left;
	margin:0 10px 5px 0;
}

#presentation_text img.full{
	float:none;
}

#presentation_text blockquote{
	background:#FFF;
	padding:10px;
	font-style:italic;
	text-align:left;
	width:350px;
	border:1px solid #EEE;
}

#presentation_text .author_int{
	margin:0 0 0 230px;
	font-size:11px;
}

#presentation_text .author_int a{
	color:#555;
	text-decoration:none;
}

#presentation_text ol{
	margin:O;
	padding:O;
	width:370px;
	text-align:left;
}

#presentation_text ol li{
	margin:10px 0;
	background:#FFF;
	padding:5px;
	font-size:13px;
	border:1px solid #D8EBF8;
}

#presentation_text ol li:hover{
	color:#000;
}

#presentation_text .thumb{
	padding:0;
}


#presentation_text fieldset{
 /* border:1px solid #AAA;*/
 padding : 5px;
 border:1px solid #DDDDDD;
}

#presentation_text legend{
	font-weight: bold;
	font-size: 12px;
	color:#42C2D6;
	letter-spacing:1px;
	margin-bottom: 5px;
}


#presentation_text #contact{
	background:#FFF;
	padding:5px;
	border:1px solid #D8EBF8;
}

#presentation_text #contact h4{
	margin:0;
	padding:0 0 5px 0;
}

#presentation_text #contact p{
	margin:5px 0 0 0;
}


/* ¤¤¤¤¤ Feedback ¤¤¤¤¤ */
#feedback{
	background:#EEE;
	width:220px;
	display:block;
	padding:10px;
	margin:5px 0 0 760px;
	border:1px solid #DDD;
}

#feedback h3{
	background: url(../_img_front/temoignage.png) no-repeat;
	margin:0 0 10px 0;
	padding:0 0 0 35px;
	letter-spacing:0;
	font-size:20px;
	line-height:30px;
	text-align:left;
	/*width:405px;*/
	color:#333;
}

#feedback p{
	font-style:italic;
	margin:0 0 5px 0;
	font-size:14px;
	color:#555;
}

#feedback p#author{
	font-style:normal;
	margin:5px 0 0 110px;
	font-size:11px;
}

#feedback p#author a{
	color:#555;
	text-decoration:none;
}

#feedback p#author a:hover{
	text-decoration:underline;
}

#footer_img{
	/*margin:0 0 0 433px;*/
	margin:0 0 -5px 433px;
}

#footer_txt{
	/*border-top:1px solid #DEDEDE;*/
	clear:both;
	font-size:11px;
	color:#555;
	margin:0 auto;
	display:block;
	line-height:20px;
	background: url(../_img_front/stripe_footer.png) left bottom repeat-x;
	text-align:center;
	letter-spacing:1px;
	height:35px;
}

#footer_txt a{
	color:#555;
	text-decoration:none;
}

#footer_txt a:hover{
	color:#333;
	text-decoration:none;
}


#footer_link{
	font-size:10px;
	color:#555;
	margin:0 auto;
	display:block;
	line-height:14px;
	text-align:justify;
	letter-spacing:1px;
	width: 70%;
}
#footer_link a{
	color:#555;
	text-decoration:none;
}
#footer_link a:hover{
	color:#333;
	text-decoration:none;
}


#faq_footer{
	font-size:10px;
	color:#555;
	margin:0 auto;
	display:block;
	line-height:14px;
	text-align:justify;
	letter-spacing:0px;
	width: 64%;
	margin-top: 1000px;
}

#faq_footer fieldset{
 /* border:1px solid #AAA;*/
 padding : 5px;
 border:1px solid #DDDDDD;
}

/* Contact -> #contact_form*/
#contact_form .bouton{
	background:url(../_img_front/connexion.png) no-repeat;
	margin:10px 0px;
	border:none;
	height:32px;
	width : 205px;
}

#contact_form .bouton:hover{
	border:none;
}

.cform label{
	display:block;
	color:#333;
	padding:0 0 0 5px;
	font-size:0.8em;
	font-weight : bold;
}

.cform input{
	background:#FFF;
	border:1px solid #DDD;
	padding:2px 3px;
	margin:0 0 0px 0;
	width:180px;
	color:#333;
}

.cform input:hover{
	border:1px solid #999;
}

.cform textarea{
	background:#FFF;
	border:1px solid #DDD;
	width:400px;
	margin:0 0 20px 0;
	padding:5px;
	color:#333;
}

.cf_info{
	margin:10px 10px 0 10px;
}

.cform ol{
	list-style:none;
	margin:0;
	padding:0;
}

.obligatory-advice {
	margin: 0px 0;
	padding: 0px;
	width: auto;
	background-color: transparent;
	color : #DD3016;
	font-size: 10px;
	font-weight: bold;
	/*border:1px solid #444444;*/
}

div#g_leure {
	display: none;
}