@CHARSET "ISO-8859-1";

body{
	padding: 0;
	margin: 0;
	background: #E1716E url("/templates/creditduweb/pics//bg_site.gif") repeat-x;
	font-family: Arial, Helvetica, sans-serif;	
}

img{
	border: 0;
}

a:link, a:visited{
color:#ccc;
}

div#page{
	width: 995px;
	margin: 0 auto 0 auto;
	background-color: #fff;
}


.border_r1{
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #b0b0b0; 
}

.border_r2{
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #9f9f9f; 
}

.border_r3{
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #888; 
}



.top_menu_bar{
	height: 26px;
	font-size: 11px;
	line-height: 26px;
	padding: 0 10px 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	
}

.top_menu_bar ul {
	list-style: none;
	margin: 20px 0 0 -30px;
	
}

.top_menu_bar ul li{
	float: left;
	height: 39px;
	background: url("/templates/creditduweb/pics//puce_menu.gif") no-repeat left top;
}

.top_menu_bar ul li.active_rubrique{
	float: left;
	height: 39px;
	background: url("/templates/creditduweb/pics//puce_menu_active.gif") no-repeat left top;
}

.top_menu_bar ul li:hover{
	float: left;
	height: 39px;
	background: url("/templates/creditduweb/pics//puce_menu_active.gif") no-repeat left top;
}

.top_menu_bar a.active_rubrique{
	float:left;
	display:block;
	background: url("/templates/creditduweb/pics//bg_right_active.gif") no-repeat right top;
}

.top_menu_bar a.active_rubrique:hover{
	float:left;
	display:block;
	background: url("/templates/creditduweb/pics//bg_right_active.gif") no-repeat right top;
	height: 39px;
	margin: 0 0 0 5px;
	padding: 5px 6px 0 0;
	color:#FFFFFF;
}

.top_menu_bar a.active_rubrique{
	float:left;
	display:block;
	background: url("/templates/creditduweb/pics//bg_right_active.gif") no-repeat right top;
	height: 39px;
	margin: 0 0 0 5px;
	padding: 5px 6px 0 0;
	color:#FFFFFF;
}

.top_menu_bar a.inactive_rubrique:link, a.inactive_rubrique:visited {
	float:left;
	display:block;
	background: url("/templates/creditduweb/pics//bg_right.gif") no-repeat right top;
	height: 39px;
	margin: 0 0 0 5px;
	padding: 5px 6px 0 0;
	white-space: nowrap;
	color: #000000;
}

.top_menu_bar a.inactive_rubrique:hover {
	float:left;
	display:block;
	background: url("/templates/creditduweb/pics//bg_right_active.gif") no-repeat right top;
	height: 39px;
	margin: 0 0 0 5px;
	padding: 5px 6px 0 0;
	color: #FFFFFF;
	white-space: nowrap;
}


.bloc_column_1, .bloc_column_2{
	width: 210px;
	padding: 0;
	background-color: #fff;
	margin-top: 10px;	
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.bloc_column_1 a, .bloc_column_2 a{
	text-decoration: underline;
}
.bloc_column_1 a:hover, .bloc_column_2 a:hover{
	background: #F9F9F9;
}

.main_container{
	width: 569px;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
	margin: 1px 0 0 0;
}

.top_menu_bar a{
	color: #000;	
	text-decoration: none;
}

.top_menu_bar {
	margin: 0 0 20px 0;
}

.top_menu_bar a:hover{	color: #f39;}

#footer_menu_bar{
width: 995px;
margin-left: auto;
margin-top: 0px;
margin-right: auto;
text-align: center;
color: #cecece;
font-size: 10px;
margin-bottom: 11px;
}
#footer_menu_bar p{
margin-top: 0px;
margin-bottom:0px;
}
#footer_menu_bar a:link, #footer_menu_bar a:visited{
color: #cecece;
text-decoration: none;
}

.clearer{
	clear: both;
}

/*********************************/
/**		Style formulaire inscr 	**/
/*********************************/

div#form_inscription{
background-image: url("/templates/creditduweb/pics//background_form_inscription.png");
background-repeat: no-repeat;
width: 538px;
height: 96px;
margin-left: 435px;
margin-top: -100px;
padding-top: 10px;
color: #FFFFFF;
}
 
div#form_inside{
width: 410px;
margin-left: 125px;
}

label#offres{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;
font-weight:bold;
margin-bottom: -10px;
display: block;
}

input#email{
border: 2px solid #23a4dd;
color: #7cb8df;
}

label#offres2{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: white;
font-weight:bold;
display: block;
margin-top: -10px;
margin-bottom: -20px;
}
label#offres3{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: white;
font-weight:bold;
}

.button_ok_blue{
background-image: url("/templates/creditduweb/pics//button_ok.png");
width:43px;
height: 33px;
border: 0;	
float: left;
margin-left: 330px;
margin-top: -35px;
cursor: pointer;
}


/*********************************/
/**	Fin style formulaire inscr 	**/
/*********************************/





/*********************************/
/**		Style bloc ss colonne 	**/
/*********************************/

.ssbloc_column_header{
background: #C61341 url("/templates/creditduweb/pics//bg_titre_ssmenu2.gif");
background-repeat: repeat-x;
width: 200px;
height:23px;
padding-top: 5px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-align:center;
margin-left: auto;
margin-right: auto;
border: 1px solid #FEB242;
}

.ssbloc_column{
width: 200px;
background-color: #ccc;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 10px;
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
text-align:center;
}

.ssbloc_column p{
font-size: 18px;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.ssbloc_column p a:hover{
text-decoration: none;

}

.ssbloc_column ul{
padding: 0;
margin: 0px 0px 0px 40px;
text-align: left;
}

.ssbloc_column li{
list-style-image: url("/templates/creditduweb/pics//blue_puce.gif");
font-size: 14px;
}

.ssbloc_column li a:hover{
text-decoration: underline;
background: #FF99FF; 
}
.ssbloc_column a:hover{
	background: #FF99FF; 
}
.ssbloc_column a:link, .ssbloc_column a:visited{
color: #000000;
text-decoration: none;
}
/*********************************/
/**	Fin style bloc colonne	 	**/
/*********************************/


/*********************************/
/**		Style tableau de thumb 	**/
/*********************************/
.table_thumb{
margin: 10px 0 10px 0; 
margin-left: auto; 
margin-right: auto; 
font-size: 12px; 
border: 1px solid #cecece;
text-align:center;
}

.table_thumb a:link, a:visited{
text-decoration: none;
}

.header_vignette{
background: #C9699D url("/templates/creditduweb/pics//bg_titre_thumb.gif");
background-repeat: repeat-x;
padding-top: 2px;
height:18px;
color:  white;
font-size: 12px;
font-weight: bold;
text-align:center;
}


.annonceur_name{
margin-top: 10px;
font-weight: bold;
color: #2C9CDA;
margin-bottom: 10px;
}

.annonceur_name a:link, a:visited{
color: #FEAE42;
text-decoration: none;
}
.annonceur_name a:hover{
	background: #C61341;
}
.lien_offre_speciale:hover{
border:10px solid #E4786C;
}
.p_speciale:hover{
	background: #FFBFFF;
}
.button_simulation{
	background: #fff url("/templates/creditduweb/pics//button_simulation.gif") no-repeat center;
	color: #771b16;
	width: 136px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 10px;
	color: #FFFFFF;
}

.button_simulation a:link, a:visited{
color: #771b16;
}

/*********************************/
/**		Fin Style tableau thumb	**/
/*********************************/

/*********************************/
/**		Style Grande Campagne 	**/
/*********************************/

.container_big_campagne{
background-color: #ccc; 
padding: 0 0 20px 0; 
border: 1px solid #cecece; 
margin: 10px 0 25px 0;
}

.container_big_campagne p{
text-indent: 20px;
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}

.header_big_campagne{
padding: 5px auto 7px 15px; 
background: #C61341 url("/templates/creditduweb/pics//bg_titre_ssmenu2.gif");
background-repeat: repeat-x;
height:23px;
padding-top: 5px;
text-align: center;
margin: 0 0 30px 0; 
font-weight: bold; 
color: #fff;
border-bottom: 1px solid #cecece;
}

.header_big_campagne p{
margin-top: -17px;
margin-left: 0px;
}
.content_text{
	font-size: 11px;
	font-family: verdana;
	text-align:justify;
	margin: 0 10px 0 10px;
	margin-top: -20px;
	margin-bottom: -10px;
}

/*********************************/
/**	 Fin Style Grande Campagne **/
/*********************************/
.border_campaign{
border: 1px solid #cecece;
} 

#catchmail_top{
	width: 550px;
	height: 100px;
	background: #fff url("/templates/creditduweb/pics//catchmail_top.jpg") no-repeat top center;
	
}

#catch_mail_hd{
	float: right;
	width: 300px;
	height: 68px;
	background: #fff url("/templates/creditduweb/pics//catch_mail_hd.jpg") no-repeat top center;
	
}

.active_rubrique{
	color: ff3399;
}

#infos_site{
	background-color: transparent;
	text-align:center;
	font-size:11px;
	color: #cecece
}

#infos_site a{
	color: #cecece;
}

#infos_site a:hover{
	color: #cecece;
	text-decoration: underline;
}


#bloc_statiques {
	font-size: 12px;
	padding: 20px;
}

#bloc_statiques h1, h3{
color: #003366;
}

#bloc_statiques h2, h3{
color: #4DBEFF;
}
#bloc_statiques h3{
font-style:italic;
}

#bloc_statiques p{
text-align: justify;
text-indent: 2em;
font-size: 12px;
}

#ajoutFormulaire {
	width: 800px;
}

#ajoutFormulaire .ligne {
	padding: 10px;
}

#ajoutFormulaire .ligne label {
	float: left;
	padding: 8px 10px 5px 0;
	width: 200px;
	text-align: right;
	font-weight: bold;
}

#ajoutFormulaire .ligne select {
	padding: 5px;
	width: 300px;
}

#ajoutFormulaire .ligne .email_expediteur {
	padding: 5px;
	width: 540px;
}

#ajoutFormulaire .ligne .titre {
	padding: 5px;
	width: 300px;
}

#ajoutFormulaire .ligne textarea {
	padding: 5px;
}

#ajoutFormulaire .bouton{
	text-align: right;
	margin: 0 22px 0 0;
}

#ajoutFormulaire .bouton input{
	padding: 5px;
}

p#navPath{
color: #003366;
}

p#navPath a:link, p#navPath a:visited{
color: #003366;
text-decoration: none;
}

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


#bloc_menu{
	border: 1px solid #0099FF;
	float: left;
	margin: 10px 0 0 10px;
	background: #f8f8f8;	
	font-weight: bold;
	font-family: verdana, sans-serif;
	font-size: 11px;
	width: 145px;
}

#bloc_menu ul{
	padding: 5px;
	margin: 0;
}

#bloc_menu ul li{
	 list-style-type: none;
	 padding: 3px;
	 color: #000000;
}
#bloc_menu a:link, #bloc_menu a:visited{
color: #000000;
}

.presentation{
	float: right;
	width: 790px;
	text-align: justify;
}

/**************************************/
/* 			Css Infobulle			  */
/**************************************/

#infobulle{
	background-image: url("../../../templates/creditduweb/pics//infobulle.png");
	position: absolute;
	display: none;
    width: 300px;
    height: 125px;
}

#closeBulle{
	margin-left: 20px;
	margin-top: 45px; 
	width:45px; 
	height: 20px; 
	cursor: pointer;	
}

#bulle{
	clear: both; 
	width: 280px; 
	padding-top: 15px;
	text-align: center;
	color: red;
	font-weight: bold;
	margin-left: auto;
	margin-right:auto;
}

a.hover_lien:hover{
	background: #FF99FF;
}

/****************************************************************/
/*			Beginning after validation       					*/
/****************************************************************/
.header_valid{
	width:923px;
	height:87px;
	background:url("/templates/creditduweb/pics/aftervalidation/header_cdw.jpg");
	
}

.titreValidation{
	text-align:center;
}
.titreValidation h2{
	font-size:26px;
	font-weight:bold;
	color:#666666;
}
.sousTitre1{
	float:left;
	color:#FF3398;
	font-size:18px;
	margin-left:100px;
	margin-right:5px;
	font-weight:bold;
	
}
.sousTitre2{
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#666666;
}
.sousTitre3{
	font-size:18px;
	font-weight:bold;
	color:#666666;
}
.backgroundValidation{
	margin-top:50px;
	margin-bottom:20px;
	background:url("/templates/creditduweb/pics/aftervalidation/fond.jpg")no-repeat;
	width:739px;
	padding-left:190px;
	padding-top:20px;
	height:800px;
}

.backgroundValidation2{
	margin-bottom:0px;
	background: url("/templates/default/pics/aftervalidation/fond2.jpg")no-repeat;
	width:923px;
	padding-top:20px;
	margin-left:31px;
	padding-left:190px;
	height:700px;
}
.background{
	background-color: /* #ffc664 */ ;
	width:989px;
	height:725px;
	margin-left:-31px;
	margin-top:-20px;
	margin-bottom:0px;
}

.contenuValidation{
	width:600px;
}

.submitAfterValidation{
	background:url('/templates/creditduweb/pics/aftervalidation/submit_cdw.jpg');
	float:left;
	margin:35px 0 0 20px;
	width:177px;
	height:38px;
}
.submitAfterValidation:hover{
	background-position: 0px -37px;
}

.colonne{
	float: left; 
	width: 70px; 
	height: 29px; 
	color: #000; 
	text-align: center; 
	font-weight:bold; 
	margin-top: 50px;
}
.colonne2{
	float: left; 
	width: 90px; 
	height: 29px; 
	color: #D2007A; 
	text-align: center; 
	margin-top: 50px;
}
.ligne{
	margin: 0px 15px 15px 0;
}
.medaille{
	float: left; 
	width: 122px; 
	height: 100px; 
	color: #D2007A; 
	text-align: center;
}
.vignetteAfterValidation{
	float: left; 
	width: 120px;  
	height: 80px;
}
.ligneGauche{
	float:left;
}
.texteAfterValidation{
	text-align: center; 
	font-size:10px;
	width:520px;
}
.voirLesOffres{
	color:#FF319A;
	float:right;
	font-weight:bold;
	text-decoration:underline;
	margin:50px 100px 0 0;
}
.voirLesOffres:hover{
	color:#FF319A;
	font-weight:bold;
	text-decoration:none;
}
.voirLesOffres:visited{
	color:#FF319A;
	text-decoration:underline;
	font-weight:bold;
}
/****************************************************************/
/*			End Definition after validation     				*/
/****************************************************************/

div#disconnect
{
	height: 50px; 
	width: 530px; 
	text-align: right; 
	margin-right: 5px; 
	float: left; 
	padding-top: 50px;
}

a.disconnect
{
	text-decoration: underline;
	font-size: 12px;
}
.p_Offres{
	color:#0000ee;
	float:right;
	text-decoration:underline;
	}
.p_Offres:hover{
color:#0000ee;
	float:right;
	text-decoration:underline;
}
.p_Offres:visited{
color:#0000ee;
	float:right;
	text-decoration:underline;
}

/****************************************************************/
/*			Definition FAQ    				*/
/****************************************************************/
#page_faq{
	width: 995px;
	margin: 0 auto 0 auto;
	background-color: #fff;
	border: 1px solid #A39E90;
	padding-bottom:20px;
}

.article_faq h2
{
	font-style:italic;
	color:#771B16;
	text-indent:10px;
	padding:0 20px 0 20px;
}
.article_corps
{
	text-align:justify;
	text-indent:30px;
	padding:0 20px 0 20px;
}
/****************************************************************/
/*			End Definition FAQ     				*/
/****************************************************************/

/****************************************************************/
/*			Definition RESSOURCE  				*/
/****************************************************************/
.lien_ressource a:link, a:visited{
color:#000;
}
/****************************************************************/
/*			End Definition RESSOURCE     				*/
/****************************************************************/