@import url(footer.css);
body {
	margin:0 auto;
	background:#FFF;
	width:990px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 5px 0 7px;
	background: url(/images/visiteurs_bg_espace_visiteurs.gif) left top repeat-y;
}
img {
	border:0;
}
a.download { 
	background:transparent url(/images/picto/pdf-cms.gif) no-repeat left top;
	padding:0 0 0 20px;
	color:#444;
}
.asterisque { color:#BC322E;}



.clear3 { clear:both; height:3px;}
.clear5 { clear:both; height:5px;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}

/* Reset style *************************************************
- celle d'alsacreation : http://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html
- ou celle de Eric MEyer : http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
div, p { margin:0; padding:0;}

li { list-style:none; list-style-position:outside;}


/* HEADER **************************************************/
.header {
	width:955px;
	width:990px;
	/*height:90px;*/
	border-bottom:6px solid #e9e9e9;
}
.logo {
	margin:12px 0 0 10px;
	width:223px;
	float:left;
}
/*.redirection a {
	display:block;
	margin-top:16px;
	margin-left:790px;
	margin-bottom:5px;
	padding:8px 0 0 0;
	width:182px;
	height:81px;
	text-align:center;
	text-decoration:none;
	color:#666666;
	font-size:.85em;
	background:transparent url(/images/mesformateurs_vous-etes-formateur.gif) no-repeat right top;
}
.redirection a:hover {
	background:transparent url(/images/mesformateurs_vous-etes-formateur-over.gif) no-repeat right top;
}*/

.redirection a {
	display:block;
	margin-left:728px;
	margin-top:16px;
	padding:8px 0 0 0;
	
	background:transparent url(/images/monplanning_vous-cherchez-un-formateur.gif) no-repeat left top;
	width:243px;
	height:81px;
	font-size:.85em;
	text-align:center;
	text-decoration:none;
}
.redirection a:hover {
	background:transparent url(/images/monplanning_vous-cherchez-un-formateur-over.gif) no-repeat left top;
}


/* Style pour les voeux (banniere top) */
.banner-voeux { float:left; padding-left:40px; /margin-top:16px;}
.banner-voeux-mp { float:left; padding-left:0px; /margin-top:16px;}


.vousetes { color:#666666;}
.identif { text-transform:uppercase; color:#131003;}
.go {color:#666666; font-size:.95em; line-height:1.1em; }



/*
.planning-net .redirection a {
	display:block;
	margin-left:728px;
	margin-top:16px;
	padding:8px 0 0 0;
	background:transparent url(/images/monplanning_vous-cherchez-un-formateur.gif) no-repeat left top;
	width:243px;
}
.planning-net .redirection a:hover {
	background:transparent url(/images/monplanning_vous-cherchez-un-formateur-over.gif) no-repeat left top;
}
*/





/* ACCROCHE **************************************************/
.accroche {
	height:182px;
	background:url(/images/visiteurs_bg-accroche.gif) repeat-x left top;
	padding:25px 0 0 0;
	height:157px;
	line-height: .9em;
}
.accroche .titre {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:1em;
	line-height:1.1em;
}
.accroche .texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
}


.cartouche1 {
	display:block;
	background:url(/images/mesformateurs_bg-recherchez.gif) no-repeat left top;
	width:228px;
	height:95px;
	margin-left:15px;
	float:left;
	
	padding-left:35px;
	width:193px;
	padding-top:33px;
	height:62px;
	
	text-decoration:none;
	color:#000;
}
.planning-net .cartouche1 {
	display:block;
	background:url(/images/monplanning_bg-renseignez.gif) no-repeat left top;
}

.cartouche2 {
	display:block;
	background:url(/images/mesformateurs_bg-reservez.gif) no-repeat left top;
	width:228px;
	height:95px;
	margin-left:15px;
	float:left;
	
	padding-left:35px;
	width:193px;
	padding-top:33px;
	height:62px;
	
	text-decoration:none;
	color:#000;
}
.planning-net .cartouche2 {
	display:block;
	background:url(/images/monplanning_bg-maitrisez.gif) no-repeat left top;
}

.cartouche3 {
	display:block;
	background:url(/images/mesformateurs_bg-gerez.gif) no-repeat left top;
	width:228px;
	height:95px;
	margin-left:15px;
	float:left;
	
	padding-left:35px;
	width:193px;
	padding-top:33px;
	height:62px;
	
	text-decoration:none;
	color:#000;
}
.planning-net .cartouche3 {
	display:block;
	background:url(/images/monplanning_bg-rencontrez.gif) no-repeat left top;
}

.cartouche4 {
	display:block;
	background:url(/images/mesformateurs_bg-fidelisez.gif) no-repeat left top;
	width:228px;
	height:95px;
	margin-left:15px;
	float:left;
	
	padding-left:35px;
	width:193px;
	padding-top:33px;
	height:62px;
	
	text-decoration:none;
	color:#000;
}
.planning-net .cartouche4 {
	display:block;
	background:url(/images/monplanning_bg-remportez.gif) no-repeat left top;
}


.presentation {
    float:left;
	margin: 30px 0 0 0;
	padding-left:15px;
}
.presentation a {
	background:url(/images/picto/li-presentation-admin.gif) no-repeat left 5px;
	padding-left: 12px;
	font-size:.75em;
	margin-right:5px;
	color:#000;
	text-decoration:none;
}
.presentation a:hover {
	color:#DB8704;
}
.separation {
	font-weight:700;
	color:#dfdfdf;
}
.planning-net .presentation a {
	background:url(/images/picto/li-presentation-admin.gif) no-repeat left 5px;
}
.planning-net .presentation a:hover {
	color:#A4AC18;
}


/* CONTENT **************************************************/
.contenthome {
	padding:30px 0 0 15px;
}
.contenthome p {
	margin:0 0 5px 0;
	color:#414040;
}

.pub { /* google ads */ 
	width:280px;
	float:left;
	width:260px;
	font-size:.7em;
	/*padding-left:5px;
	padding-top:5px;*/
	/*background:#d3d3d3;*/
	margin-right:15px;
}
.pub a { color:#444;}
.pub a:visited { color:#444;}
.contributeur { 
	width:250px;
	/*background:#d3d3d3;*/
	/*padding:5px;*/
	width:270px;
	float:left;
	font-size:.8em;
}
.contributeur a {
	background:transparent url(/images/picto/li-presentation-admin.gif) no-repeat left 5px;
	color:#333;
	padding:0 0 0 12px;
}
.planning-net .contributeur a:hover { /* sur l'espace CDF */
	color:#A4AC18;
}
.contributeur a:hover { /* sur l'espace F */
	color:#DB8704;
}

.contributeur a.no-li {
	color:#333;
	background:none;
	padding:0;
}


.contentpagecms { margin:5px 0 0 15px; padding:20px 0 0 0;}
.contentpagecms .colonne1 { width:223px; float:left;}
.contentpagecms .colonne2 { 
	width:700px;
	width:728px;
	float:left;
	font-size:.9em;
	color:#444;
}

.contentpagecms .colonne2 ul { margin:0; padding:0;}
.contentpagecms .colonne2 li { 
	margin:0 0 5px 15px; 
	padding:0 0 0 15px; 
	background:transparent url(/images/picto/li-presentation-admin.gif) no-repeat left 8px; 
}
.contentpagecms .colonne2 li { 
	margin:0 0 5px 0px; 
	padding:0 0 0 15px; 
	background:transparent url(/images/picto/li-presentation-admin.gif) no-repeat left 8px; 
}
.colonne2 ul.indice-prix li {
	font-size:1.2em;
}



.colonne2 p { margin:0 0 10px 0;}
.colonne2 p a, 
.colonne2 li a { color:#393939; font-weight:bold;}
.colonne2 p a.f-vert-bold { color:#A4AC18; font-weight:bold;}
.colonne2 .hautdepage a {
	background:transparent url(/images/picto/hautdepage.gif) no-repeat right;
	padding:0 10px 0 0;
	font-size:.8em;
	color:#333;
	font-weight:700;
	text-decoration:none;
	float:right;
	clear:both;
	margin:20px 0 20px 0;
}
.colonne2 .hautdepage a:hover {
	color:#888;
}



/* CONNEXION **************************************************/
.logg {
	width:358px;
	margin-left:45px;
	float:left;
}
.connexion {}
.connexion .middle form {
	width:300px;
	padding:10px 0 0 0;
	margin:0;
}
/*
.connexion input { 
	border:1px solid #483737;
	font-size:13px;
	padding:2px;
	color:#483737;
	font-weight:700;
}

.connexion .middle input.submit {
	background:url(/images/btn/visiteurs_identifier.gif) no-repeat left top;
	width:100px;
	height:24px;
	border:none;
	margin-left:135px;
	margin-bottom:15px;
	padding:0;
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	font-size:13px;
}
.connexion .middle input.submit:hover {
	background:url(/images/btn/visiteurs_identifier.gif) no-repeat left -24px;
	width:100px;
	height:24px;
}
*/
.planning-net .connexion .top {
	background:url(/images/monplanning_log-top.gif) no-repeat left top;
	width:358px;
	height:43px;
	font-size:1.1em;
	color:#FFF;
	padding:13px 0 0 15px;
	height:30px;
}
.connexion .top {
	background:url(/images/mesformateurs_log-top.gif) no-repeat left top;
	width:358px;
	height:43px;
	font-size:1.1em;
	color:#FFF;
	padding:13px 0 0 15px;
	height:30px;
}
.connexion .middle {
	/*background:#d0cdcd url(/images/visiteurs_log-bottom.gif) no-repeat left bottom;*/
	background:#DFDFDF;
	color:#483737;
}
.connexion .middle div {
	font-size:.9em; 
	margin:0 0 10px 0; 
	text-align:right;
}
/*
.connexion .middle div.pass { 
	text-align:left; 
	padding-left:135px;
}
.connexion .middle a {
	color:#483737;
	font-size:.7em;
}*/


/* INSCRIPTION **************************************************/
.planning-net .inscription a {
	display:block;
	background:transparent url(/images/monplanning_inscription-bg.gif) no-repeat left top;
	width:358px;
	height:61px;
	margin:15px 0 0 0;
	text-decoration:none;
	padding:10px 0 0 15px;
	width:343px;
	height:51px;
}
.planning-net .inscription a:hover {
	background:transparent url(/images/monplanning_inscription-bg.gif) no-repeat left -61px;
}
.inscription a {
	display:block;
	background:transparent url(/images/mesformateurs_inscription-bg.gif) no-repeat left top;
	width:358px;
	height:61px;
	margin:15px 0 0 0;
	text-decoration:none;
	padding:10px 0 0 15px;
	width:343px;
	height:51px;
}
.inscription a:hover {
	background:transparent url(/images/mesformateurs_inscription-bg.gif) no-repeat left -61px;
}
.inscription .intro { color:#e4e1e1; font-size:.875em; font-weight:700;}
.inscription .final { color:#FFF; font-size:1.125em; font-weight:700;}





/* Styles monplanning.net */
h1 {font: bold 18px Arial, Helvetica, sans-serif; color: #444; line-height:22px; margin:0px 0px 10px 0px;}
h2 {font: bold 16px Arial, Helvetica, sans-serif; color: #1c1d0f; line-height:20px; margin:30px 0px 10px 0px;}
h3 { font:bold 14px Arial, Helvetica, sans-serif; color: #1c1d0f; line-height :15px; margin:30px 0px;}
h4 {font: bold 16px Arial, Helvetica, sans-serif; color: #1c1d0f; line-height:20px; margin:10px 0px 10px 0px;}

.cdf-rouge { color:#DB8704;}
.cdf-rouge-bold { color:#DB8704; font-weight:700;}
.cdf-surlignage { background-color:#DB8704; padding:1px 3px; color:#FFF; }

a.cdf-surlignage { text-decoration:none;}
a.cdf-surlignage:hover { text-decoration:none; color:#FFFFFF; background-color:#b62a2a; }

.f-vert { color:#A4AC18;}
.f-vert-bold { color:#A4AC18; font-weight:700;}
.f-surlignage { background-color:#A4AC18; padding:1px 3px; color:#FFF;}

a.f-surlignage { text-decoration:none;}
a.f-surlignage:hover { text-decoration:none; color:#FFFFFF; background-color:#82a31c; }

.lien-suivant, .lien-suivant-f, .lien-suivant-cdf { margin:30px 0 30px 0; font-weight:700; color:#dfdfdf;}
.lien-suivant a, .lien-suivant-f a { 
	color:#444;
	background:url(/images/picto/li-presentation-mp.gif) no-repeat left 5px;
	padding-left: 12px;
	font-size:.85em;
	font-weight:normal;
}
.lien-suivant a:hover { text-decoration:underline; color:#DB8704;}
.lien-suivant-f a:hover { text-decoration:underline; color:#A4AC18;}


.lien-suivant-cdf a { 
	color:#444;
	background:url(/images/picto/li-presentation.gif) no-repeat left 5px;
	padding-left: 12px;
	font-size:.85em;
	font-weight:normal;
}
.lien-suivant-cdf a:hover {
	color:#DB8704;
} 


a.lien_courant { color:#393939;}


table.cdf { border:2px solid #9d0d15; border-collapse: collapse} 
table.cdf thead { background-color:#9d0d15; color:#FFFFFF;}
table.cdf thead th { padding:2px 5px; text-align:left; font-weight:700; line-height:14px;}
th.border { border-right:1px solid #FFF;}
.indice { font-weight:normal; font-size:11px; line-height:12px;}

table.cdf tbody td { padding:2px 5px;  }
/*table.cdf tbody td.border { border-right:1px solid #9d0d15;  }*/
.separate { height:1px; border-bottom:1px solid #d8d8d8; padding:0px; margin:0px;}


/* la css sur le tableau des abonnements est appelé par depuis un autre fichier dédié
table.abonnements { 
	border-collapse: collapse;
	border-spacing: 0;
	background:#FFFFFF url(/images/table_abonnement-bg-thead.gif) left top no-repeat;
	margin-top:20px;
	margin-bottom:20px;		
}
table.abonnements thead {
	font-size:12px;
	text-align:left;
	color:#262626;
}
.titre-first-col { text-align:left;}
table.abonnements th { font-weight:normal;}
a.abonnement-savoirplus { font-size:11px; color:#45580A;}
table.abonnements .titre-col { background:url(/images/table_abonnement-th-sep.gif) left no-repeat; height:70px; }
.titre-first-col { padding-left:10px;}
table.abonnements tbody {
	font-size:12px;
	line-height:14px;
}
table.abonnements tbody td { border-top:2px solid #bfbfbf; }
table.abonnements td.first-row { background:none; text-align:left !important;}
table.abonnements td.row { background:url(/images/table_abonnement-td-sep.gif) left top no-repeat; text-align:center;  }
table.abonnements td { padding:5px 10px 5px 10px !important; }
table.abonnements tfoot td { border-top:2px solid #bfbfbf; }
*/
table.abonnements h2 {
	color:#393939;
	font-size:15px;
	padding:9px 0 0 10px;
}

a.tooltip i {
	display:none;
	color:#fff;
}
a.tooltip {
	color:#fff;
}
a.tooltip:hover {
	border: 0;
	position: relative;
	z-index: 500;
	text-decoration:none;
}
a.tooltip:hover i {
	font-style: normal;
	display: block;
	position: absolute;
	top: 20px;
	left: -10px;
	left:-80px;
	padding: 5px;
	color: #393939;
	background: #ffffff;
	width:180px;
	width:120px;
	line-height:14px;
	font-size:12px;
}
a.tooltip:hover i span {
	position: absolute;
	top: -23px;
	left: 0px;
	width: 118px; height: 18px;
	margin:0;
	padding: 0;
	border: 0;
}
a.tooltip:hover i {
	border: 5px solid #4b4E48; 
}
a.tooltip:hover i span {
}


/* Formulaire d'inscription */
form.inscription-form { background:#dfdfdf; padding:20px 5px 10px 15px;}
form.inscription-form div { margin-bottom:15px;}
/*form.inscription-form input,*/
form.inscription-form select,
form.inscription-form textarea { border:2px solid #393939; padding:2px 2px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
form.inscription-form a { color:#393939;}

/*form.inscription-form input.enregistrer-modif { text-transform:uppercase; color:#FFF; border:none; background:url(/images/picto/enregistrer-modifications.gif) left top no-repeat; width:220px; height:24px; font:11px Arial, Helvetica, sans-serif; cursor:pointer;}*/
form.inscription-form .filet { height:1px; margin:0 0 14px 0; border-top:1px solid #b2aeae;}

/*
form.inscription-form .search_go { text-transform:uppercase; color:#FFF; border:none; background:url(/images/f_module_recherche_search_go.gif) left top no-repeat; width:77px; height:24px; font:11px Arial, Helvetica, sans-serif; cursor:pointer; margin-left:5px;}
*/



/* Pages PARTENAIRES */
.bloc-partenaire {background:#EEECED; padding:5px 10px; margin-bottom:15px; border-bottom:2px solid #a2a2a2; float:left;}
.bloc-partenaire .image-logo {float:left; width:200px; background:#FFF; border:2px solid #CCC; margin-right:10px; margin-bottom:5px; padding:5px;}
.compteur {background-color:#393939; color:#b2adad; font-size:12px;}

/* BOUTON GRIS calé sur a gauche */
a.button-left {
	background: transparent url(/images/picto/cdf_bg_button_left_a.gif) no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font:bold 11px arial, sans-serif;
	height:14px;
	margin-bottom:3px;
	margin-right:10px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
}

a.button-left span {
	background: transparent url(/images/picto/cdf_bg_button_left_span.gif) no-repeat;
    display: block;
    line-height: 9px;
    padding: 3px 0 2px 8px;
} 

a.button-left:active, a.button-left:hover {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-left:active span, a.button-left:hover span {
    background-position: bottom left;
    padding: 3px 0 2px 8px; /* push text down 1px */
} 


.btn_valid { 
	background:#393939; 
	border:none; 
	font:normal 11px Arial, sans-serif;
	color:#FFF; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	padding:1px 8px; 
	cursor:pointer;
	/padding:1px 1px; /* ie 7 oui et 6? auusi c bizarre...*/
	margin-bottom:2px;
	height:22px;
	text-transform:uppercase;
}
input.btn_valid[type=button]:hover { background:#131313;}
input.btn_valid[type=submit]:hover { background:#131313;}

input { 
	border:2px solid #393939;
	font:14px Arial, Helvetica, sans-serif;
	/*vertical-align:bottom;*/
	padding:1px 5px 1px 5px;
	color:#5d5d5d;
}



/* Style A SUPPRIMER */
.no-lien { text-decoration:none;}




/* Styles pour les annonces */
.btn_height28 {
	background:#5A5A5A; 
	border:none; 
	font:bold 11px arial, sans-serif; 
	color:#FFFFFF; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	padding:1px 8px; 
	cursor:pointer;
	margin-bottom:2px;
	height:28px;
	text-transform:uppercase;
}
input.btn_height28[type=button]:hover { background:#393939;}



/* Suite inscription page d'activation de compte */
.page_retour {
	background:#FFFFFF; 
	border:15px solid #F1F1F1; 
	padding:15px;
	font:15px/20px Arial, Helvetica, sans-serif;
	color:#393939;
}
.page_retour p.indice { font:13px/16px Arial, Helvetica, sans-serif; margin-bottom:5px;}


/* bloc information */
.modele_bloc_info {
	width:235px; /*float:left;*/
	margin-right:0px;
	margin-bottom:10px;
}
.modele_bloc_info .top {
	background:#adb09f;
	width:235px;
	padding:5px 0;
}
.modele_bloc_info .content {
	background:#ebeedd; 
	padding:9px 10px 2px 10px;
}
.modele_bloc_info .bottom {
	background:#ebeedd; 
	height:14px;
}
.modele_bloc_info h2 {
	color:#131313;
	font-size:13px;
}
.modele_bloc_info .content div {
	font:12px/14px Arial, Helvetica, sans-serif;
	margin:5px 0;
}


.modele_bloc_info p {
	font:13px/16px Arial, Helvetica, sans-serif;
	color:#131313;
	margin:10px 0 0 0;
}