@charset "UTF-8";
/******************************
  PARTIE GENERALE DES PAGES
*******************************/
body {
padding: 0;
margin: 0;
font: 12px Arial;
background: #ffffff url("/RessourcesCiel/Binaires/images/LandingPage/bg_pt_vente.gif") repeat-x;
}
.content_global {
width: 900px;
margin: 0 auto 5px auto;
/* on a ainsi la hauteur relle car on inclue les borders supplmentaires cres par curvycorners */
/*padding: 5px 0;*/
font-size: 11px;
}
.content {
width: 900px;
margin: 0 auto;
/* on a ainsi la hauteur relle car on inclue les borders supplmentaires cres par curvycorners */
/*padding: 5px 0;*/
font-size: 11px;
color: #666666;
float: left;
}
.spacer{clear: both; font-size: 1px; height: 5px;}
/******************************
	LA CHARTE PAR DEFAUT
*******************************/
.content a{color: #666666;} /* utilisit par tous les lien en forme de bouton */
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {color: #0099cc; padding: 0; margin: 0 0 5px 0;}
.content h1{font-size: 22px;}
.content h2{font-size: 18px;}
.content h3{font-size: 14px;}
/*.content h3 {font-size: 14px; border-bottom: 1px solid #209fd5; width: 90%;}*/
.content h4 {font-size: 12px;}
.content h5 {font-size: 11px;}
.content h6 {font-size: 10px;}
.content p {font-size: 12px; color: #656565;}
/* listes */
/* liste_fleche et liste_fleche_trait sont des ul */
.content ul{margin: 0; padding: 0; font-size: 12px;}
.content ul li {list-style: url("/RessourcesCiel/Binaires/images/global/Li_Global_puce.gif"); color: #656565;}
.content ul li a:link, .content ul li a:visited {text-decoration: none; color: #656565;}
.content ul li a:hover{text-decoration: none; color: #0099cc;}
img {
border: 0;
}
a {
text-decoration: none;
outline: 0;
}
.content .conteneur_bloc900 .bloc900 {
height: 100%;
border: none;
float: left;
}
.content .conteneur_bloc900{
height: 100%;
float: left;
}

/******************************
	BOUTON DES BLOCS
*******************************/
/* partie gnrale du bouton */
.bouton_redim {
padding: 0;
margin-top: 0;
width: auto;
text-align: center;
white-space: nowrap;
font-size: 11px;
}
.cssform4 .bouton_redim {
padding: 30px !important!;
margin: 0;
text-align: center;
white-space: nowrap;
font-size: 11px;
}
.bouton_redim span , .bouton_redim a {
height: 100%;
line-height: 20px;
float: left;
}
.bouton_redim span {
padding-left: 10px;
background-repeat: no-repeat;
background-position: 0 0;
}
.bouton_redim a {
padding-right: 10px;
background-repeat: no-repeat;
background-position: 100% 0;
}
.bouton_33_gris {height: 33px;}

.bouton_33_gris span, .bouton_33_gris a {
line-height: 31px;
background-color: #e1e1e1;
background-image: url("/RessourcesCiel/Binaires/images/Buttons/bouton_33_gris.jpg");
}
/******************************
	LES FORMULAIRES
*******************************/
/************** formulaire pour landingpage  EFFILIATION  *****************/
.cssform4{
padding: 0;
margin: 0;
width: 100%;
background-color: #f7f7f7;
}
.cssform4 h3 {
margin: 15px 0 15px 20px;
/*color: #96b914;*/
}

.cssform4 p{
clear: left;
margin: 0;
padding: 0;
width: 90%;
height: 15px;
}
.cssform4 label{
text-align: right;
margin: 6px 10px 0 0;
float: left;
font-size: 12px;
width: 120px;
}
.cssform4 input[type="text"]{
width: 200px;
height: 20px;
font-size: 12px;
color: #666666;
border: 1px solid #e5e4e5;
}
/************** fin formulaire pour landingpage*****************/
form {
margin: 0;
padding: 0;
}
/* gestion des inputs radios et case ? cocher pour les formulaires generiques */
.cssform4 .InputRadCoch {
margin: 0;
padding: 10px 0 0 0;
float: left;
}
.cssform4 .InputRadCoch {
margin: 0;
padding: 10px 0 0 0;
width: 200px;
}
/* attention code de ouf*/
.cssform4 .InputRadCoch br {clear: both;}
/* fin code de ouf */
.cssform4 .InputRadCoch input {margin-top: 0px; float: left;}
.cssform4 .InputRadCoch label {float: left;text-align: left; width: 100px; margin: 0; padding:0;}

.cssform4 input[type="submit"]
{
height:100%;
background: url("/RessourcesCiel/Binaires/images/Buttons/submit_gris.gif") repeat-x center center;
text-align:center;
text-decoration:none;
cursor: pointer;
border-style: none;
border: 1px solid #CCCCCC;
padding:5px 20px;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
width: auto;
margin: 0 35%;
color: #333;
outline: none; 
}

.cssform4 input[type="submit"]:hover
{
height:100%;
background: url("/RessourcesCiel/Binaires/images/Buttons/submit_gris_hover.gif") repeat-x center center;
text-align:center;
text-decoration:none;
cursor: pointer;
border-style: none;
border: 1px solid #CCCCCC;
padding:5px 20px;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
width: auto;
margin: 0 35%;
color: #333;
outline: none; 
}


/******************************
	BLOCS DE CONTENU
*******************************/
.content .conteneur_bloc240, .content .conteneur_bloc640, .content .conteneur_bloc900, .content .conteneur_bloc290, .content .conteneur_bloc425, .content .conteneur_bloc460, .content .conteneur_bloc595, .content .conteneur_bloc315, .content .conteneur_bloc610, .content .conteneur_bloc443, .content .conteneur_bloc442 {
float: left;
margin: 0;
padding: 0;
}
.content .conteneur_bloc240 .bloc240, .content .conteneur_bloc640 .bloc640, .content .conteneur_bloc290 .bloc290, .content .conteneur_bloc425 .bloc425, .content .conteneur_bloc460 .bloc460, .content .conteneur_bloc595 .bloc595, .content .conteneur_bloc315 .bloc315, .content .conteneur_bloc315 .bloc315_white, .content .conteneur_bloc610 .bloc610, .content .conteneur_bloc443 .bloc443, .content .conteneur_bloc442 .bloc442 {
border: 1px solid #e5e4e5;
margin: 0;
padding: 0;
}
.content .conteneur_bloc900 .bloc900 {
background: #ffffff url("/RessourcesCiel/Binaires/images/LandingPage/bg_landingpage.jpg");
}
/* BLOC 443 (se combine avec un bloc 442) */
.content .conteneur_bloc443 {width: 380px; margin-top: 50px; padding: 0; background-color: #f7f7f7;}
.content .conteneur_bloc443 .bloc443 {
width: 100%;
padding: 0;
margin: 0;
text-align: left;
}
.content .conteneur_bloc443 .bloc443 p {
margin: 0;
padding: 0 10px 10px 5px;
}
/* BLOC 442 (se combine avec un bloc 443) */
.content .conteneur_bloc442 {width: 442px;}
.content .conteneur_bloc442 .bloc442 {
width: 440px;
padding: 0;
text-align: left;
}
.content .conteneur_bloc442 .bloc442 p {
margin: 0;
padding: 0 10px 10px 5px;
}

/* PARTIE INTERNE DES BLOCS
*******************************/
/* bloc d'margement interne (utilis quand on a un bloc a fond blanc) */
.content .bloc_margin {
padding: 10px 20px 0 20px;
}