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

/***** REMISE A ZERO *****/
* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, div {
	margin: 0;
}
ul{
	list-style: none;
}
th {
	text-align: right;
}
img{
	border: none;
}

select, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d6e71;
	border: solid 1px grey;
}

option {
	padding-left: 2px;
}

input.rectangle {
	height: 31px;
	padding: 0 10px 0 30px;
	line-height: 31px;
	border: none;
	background: url(../images/fond_lien_contexte.gif) top left no-repeat;
	font-weight: bold;
	text-align: left;
	color: white;
	text-decoration: none;
}
input.rectangle_small {
	height: 31px;
	padding: 0 10px 0 30px;
	line-height: 31px;
	border: none;
	background: url(../images/submit_credigo_small.jpg) top left no-repeat;
	font-weight: bold;
	text-align: left;
	color: white;
	text-decoration: none;
	width: 170px;
}

input.rectangle_medium {
	height: 31px;
	padding: 0 10px 0 30px;
	line-height: 31px;
	border: none;
	background: url(../images/submit_credigo_medium.jpg) top left no-repeat;
	font-weight: bold;
	text-align: left;
	color: white;
	text-decoration: none;
	width: 240px;
}
input.supprimer_credit {
	height: 15px;
	width: 15px;
	border: none;
	background: url(../images/supprimer_credit.gif) top left no-repeat;
}
body{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d6e71;
}
#pageContainer {
	width: 949px;
	margin: 0 auto;
}


/**** ELEMENTS GENERIQUES****/
#cache{
	position:fixed;
	display: block;
	text-align:center;
	z-index:10;
	width:100%;
	height: 100%;
	background-color: white;
}

#cache .inside{
	position: absolute;
	left: 40%;
	top: 50%;
	width: 520px;
	height: 50px;
	margin-top: -25px;
	margin-left: -110px;
}

label{
	cursor: pointer;
}
.noir{
	color: black;
}

.credigo{
	font-weight: bold;
	color: #ec008c;
}

.warning{
	padding: 5px;
	margin: 10px 0;
	border: 2px solid #d3115f;
	background-color: #f7c2d7;
	color: #d3115f;
}
.validation{
	padding: 5px;
	margin: 10px 0;
	border: 2px solid #71d311;
	background-color: #c8f7c2;
	color: #5ad311;
}

.antifloat{
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.noBack{
	background: none;
}

.left{
	float: left;
}

.right{
	float: right;
}

a{
	text-decoration: none;
	color: #6d6e71;
}
a:hover{
	text-decoration: none;
	/*color: #ec008c;*/
}

ul li a{
	text-decoration: none;
	color: #6d6e71;
}

ul.triangle{
	float: left;
	margin-right: 15px;
	list-style-position: inside;
	list-style-image: url(../images/puce_liste.gif);
}

ul.rond li{
	background: url(../images/index-liste.jpg) left top no-repeat;
	margin: 4px 10px 4px 12px;
	padding-left: 25px;
	line-height: 18px;
}

.legal{
	margin: 20px 0;
	font-size: 11px;
	font-style: italic;
	color: #999999;
}

.lienBig, .lienBig2, .lienRSS{
	width: 297px;
	height: 65px;
	margin: 10px 0;
	background: url(../images/fond_lien_big.gif) left top no-repeat;
	overflow: hidden;
}

.lienBig2{
	text-align: right;
	background: url(../images/fond_lien_big2.gif) left top no-repeat;
}

.lienRSS{
	height: 57px;
	background: url(../images/fond_lien_rss.gif) left top no-repeat;
}

.lienBig a, .lienBig2 a, .lienRSS a{
	display: block;
	margin: 12px 20px;
	text-decoration: none;
	font-size: 18px;
	color: white;
}

.lienBig2 a{
	margin: 12px 90px 12px 20px;
}

.lienRSS a{
	margin: 0 0 0 55px;
	font-size: 16px;
	line-height: 57px;
}

.lien3{
	position: relative;
	width: 236px;
	height: 56px;
	margin: -15px 0 15px 60px;
	background: url(../images/lien3_fond.gif) top left no-repeat;
}

.lien3 img{
	position: absolute;
	left: 30px;
	top: 10px;
}

.lien3 a{
	margin-left: 80px;
	text-decoration: none;
	color: white;
	font-size: 14px;
	font-weight: bold;
	line-height: 56px;
}

div.arborescence{
	margin-left: 326px;
	margin-bottom: 12px;
}
div.arborescence a {
	color: #ec008c;
}
div.arborescence a:hover {
	text-decoration: underline;
}

.bouton_rose{
	position: relative;
	height: 36px;
	background: url(../images/bouton_rose_fond.gif) right top no-repeat;
}

.bouton_rose .content{
	position: absolute;
	width: 143px;
	height: 36px;
	line-height: 36px;
	top: 0;
	right: 0;
}

.bouton_rose .content img{
	margin-right: 5px;
	vertical-align: middle;
}

.bouton_rose .content a{
	color: white;
	font-weight: bold;
}
	/*2 colonnes*/
#colonnes2{
	background: url(../images/2colonnes_fond.gif) top left repeat-y;
	overflow: hidden;
}

#colonnes2 #gauche{
	float: left;
	width: 296px;
}

#colonnes2 #gauche .recherche, #colonnes3 #gauche .recherche{
	height: 53px;
	margin-bottom: 15px;
	background: url(../images/2colonnes_fond_recherche.gif) top left no-repeat;
}

#colonnes2 #gauche .recherche input, #colonnes3 #gauche .recherche input{
	float: left;
	height: 20px;
	margin: 18px 0 0 18px;
	border: 0 solid transparent;
}

#colonnes2 #gauche .recherche input.texte, #colonnes3 #gauche .recherche input.texte{
	width: 220px;
}

#colonnes2 #gauche .recherche input.bouton, #colonnes3 #gauche .recherche input.bouton{
	float: right;
	margin: 16px 14px 0;
}
	
#colonnes2 #droite{
	margin-left: 325px;
}

#colonnes2 #droite h3.section{
	height: 33px;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 33px;
	font-size: 12px;
	background: url(../images/fond_titre_large.gif) left top no-repeat;
}

#colonnes2 #droite h3.section span{
	font-weight: normal;
}




	/*3 colonnes*/
	
#colonnes3{
	background: url(../images/3colonnes_fond.gif) top left repeat-y;
	overflow: hidden;
}
	
#colonnes3 #gauche, #colonnes3 #droite, #colonnes3 #centre {
	float: left;
	width: 296px;
	margin-left: 30px;
}

#colonnes3 #gauche {
	margin-left: 0;
}

#video_index {
	overflow: hidden;
	height: 390px;
	margin-bottom: 10px;
}

#video_index2 {
	overflow: hidden;
	margin-bottom: 10px;
}

#video_index3 {
	overflow: hidden;
	height: 221px;
	margin-bottom: 10px;
}

#video {
	overflow: hidden;
	height: 221px;
	margin-bottom: 10px;
}
#video div {
	margin : 60px 0 0 60px;
}
#video h3 {
	width: 320px;
	font-size: 20px;
	margin-bottom: 10px;
}
#video p {
	width: 320px;
	font-size: 16px;
}

	/*SLIDER*/
	
.slider .bordG, .slider .rose, .slider .curseur, .slider .gris, .slider .bordD{
	position: absolute;
	top: 0;
	z-index: 1;
	height: 30px;
}

.slider{
	position: relative;
	width: 540px;
	margin-bottom: 15px;
	padding-top: 30px;
	overflow: hidden;
}

.slider .bordG{
	left: 0;
	width: 14px;
	background: url(../images/slider_bordG.gif) left top no-repeat;
}

.slider .rose{
	left: 14px;
	width:200px;
	background: url(../images/slider_rose.gif) left top repeat-x;
}

.slider .curseur{
	left: 204px;
	z-index: 2;
	width: 20px;
	cursor: ew-resize;
	background: url(../images/slider_curseur.gif) left top no-repeat;
}

.slider .gris{
	right: 14px;
	width: 312px;
	background: url(../images/slider_gris.gif) left top repeat-x;
}

.slider .bordD{
	right: 0;
	width: 14px;
	background: url(../images/slider_bordD.gif) left top no-repeat;
}

.slider .min, .slider .max{
	margin-top: 5px;
	font-weight: bold;
}

.slider .min{
	float: left;
}

.slider .max{
	float: right;
}

.slider .valeur{
	text-align: center;
	margin-top: 2px;
	font-weight: bold;
	color: #ec008c;
}

.slider .graduation{
	clear: both;
	width: 540px;
	height: 13px;
	background: url(../images/slider_graduation.gif) center top no-repeat;
}

	/*bloc1*/
.bloc1, .bloc3{
	position: relative;
	width: 296px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(../images/bloc1_fond.gif) bottom left no-repeat #dadada;
	overflow: hidden;
}

.bloc1 p, .bloc2 p, .bloc3 p{
	margin: 0 5px;
}

.bloc1 img.visuel, .bloc3 img.visuel{
	margin: 10px 0 0 12px;
}

.bloc1 div.visuel, .bloc3 div.visuel{
	position: relative;
	height: 125px;
	margin: 10px 12px 0;
	overflow: hidden;
}

.bloc1 div.visuel p, .bloc3 div.visuel p{
	margin: 20px 0 0 130px;
}

.bloc1 h3{
	position: absolute;
	top: 85px;
	left: 25px;
	font-size: 14px;
}

.bloc1 h3.v2{
	position: static;
	width: 272px;
	height: 32px;
	line-height: 32px;
	margin: 10px auto 2px;
	background: url(../images/2colonnes_nav_fond_titre.gif) left top no-repeat;
}

.bloc1 h3.v2 span{
	margin-left: 20px;
	font-size: 16px;
}

.bloc1 ul, .bloc3 ul, .bloc1 form, .bloc3 form, .bloc1 .erreur, .bloc1 .confirmation, .bloc1 .generique, .bloc3 .generique{
	width: 272px;
	margin: 2px auto 0;
	padding: 10px 0;
	background: url(../images/bloc1_fond_liste.gif) left bottom no-repeat;
}

.bloc1 ul.blank, .bloc3 ul.blank{
	background: none;
}

.bloc1 .erreur, .bloc1 .confirmation{
	width: 250px;
	background: none;
}

.bloc1 .erreur{
	color: red;
	border: 1px dashed red;
}

.bloc1 .confirmation{
	color: green;
	border: 1px dashed green;
}

.bloc1 form input, .bloc3 form input, .bloc3 form select{
	width: 249px;
	height: 21px;
	line-height: 21px;
	margin: 5px 0 5px 10px;
	border: 2px solid #dadada;
}

.bloc1 ul li, .bloc3 ul li{
	background: url(../images/index-liste.jpg) left top no-repeat;
	margin: 4px 10px 4px 12px;
	padding-left: 25px;
	line-height: 18px;
}

.bloc1 .lien, .bloc1 .lien2, .bloc3 .lien, .bloc3 .lien2{
	position: relative;
	width: 209px;
	height: 34px;
	margin-left: 75px;
	background: url(../images/bloc1_fond_lien.gif) top left no-repeat;
}

.bloc1 .lien2, .bloc3 .lien2{
	width: 123px;
	margin-left: 161px;
	background: url(../images/bloc1_fond_lien2.gif) top left no-repeat;
}

.bloc1 .lien img, .bloc1 .lien2 img, .bloc3 .lien img, .bloc3 .lien2 img{
	position: absolute;
	left: 15px;
	top: 8px;
}

.bloc1 .lien a, .bloc1 .lien2 a, .bloc3 .lien a, .bloc3 .lien2 a{
	margin-left: 40px;
	text-decoration: none;
	color: white;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	cursor:pointer;
}

	/*bloc2*/
.bloc2, .bloc2s{
	width: 296px;
	margin-bottom: 15px;
	overflow: hidden;
}

.bloc2s{
	width: 212px;
}

.bloc2 h3, .bloc2s h3{
	height: 33px;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 33px;
	font-size: 12px;
	background: url(../images/bloc2_fond_titre.gif) top left no-repeat;
}

.bloc2s h3{
	background: url(../images/bloc2s_fond_titre.gif) top left no-repeat;
}

.bloc2 ul{
	width: 270px;
	text-align: justify;
}

.bloc2 ul li{
	margin-bottom: 10px;
}

.bloc2 ul.triangle li{
	margin-bottom: 3px;
}

.bloc2 img.encart, .bloc4 img.encart{
	float: left;
	margin: 0 5px 5px 0;
}

.bloc2 img.puce, .bloc2s img.puce{
	margin-right: 2px;
	vertical-align: middle;
}

.bloc2s .contenu{
	margin: 0 7px;
}

.bloc2 p, .bloc2s p, .bloc2 p.small{
	margin-bottom: 10px;
	text-align: justify;
}

.bloc2 p.small{
	font-size: 10px;
}

.bloc2 .lien, .bloc2s .lien{
	position: relative;
	height: 36px;
	clear: both;
	background: url(../images/bloc2_fond_lien.gif) right top no-repeat;
}

.bloc2s .lien{
	background: url(../images/bloc2s_fond_lien.gif) right top no-repeat;
}


.bloc2 .lien img, .bloc2s .lien img{
	position: absolute;
	left: 110px;
	top: 10px;
}

.bloc2 .lien a, .bloc2s .lien a{
	margin-left: 140px;
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
}

.bloc2 p.tags .s{
	font-size: 12px;
}

.bloc2 p.tags .m{
	font-size: 14px;
}

.bloc2 p.tags .l{
	font-size: 16px;
}

.bloc2 p.tags .xl{
	font-size: 18px;
}

.bloc2 p.tags .xxl{
	font-size: 24px;
}

.bloc2 .redacteur{
	margin-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
}

.bloc2 .redacteur img{
	float: left;
}

.bloc2 .redacteur .nom{
	font-weight: bold;
	color: #ec008c;
	margin-left: 8px;
}

.bloc2 .redacteur .position{
	font-size: 11px;
	color: #999999;
	margin-left: 8px;
}

.bloc2 .redacteur p{
	margin-top: 7px;
	margin-left: 75px;
	font-size: 11px;
	color: black;
}
	/*bloc3*/

.bloc3{
	background: url(../images/2colonnes_fond_blocnav.gif) left bottom no-repeat;
}

.bloc3 h3{
	width: 272px;
	height: 32px;
	line-height: 32px;
	margin: 10px auto 2px;
	background: url(../images/2colonnes_nav_fond_titre.gif) left top no-repeat;
}

.bloc3 h3.visuel{
	width: auto;
	height: auto;
	line-height: normal;
	margin: 0;
	position: absolute;
	top: 142px;
	left: 25px;
	font-size: 14px;
	background: none;
}

.bloc3 h3.small{
	top: 85px;
}

.bloc3 h3 span{
	margin-left: 20px;
}

.bloc3 .presse{
	height: 116px;
	width: 272px;
	margin: 12px auto 2px;
	background: url(../images/bloc3_fond_presse.gif) left top no-repeat;
}

.bloc3 .presse .logo{
	width: 148px;
	text-align: center;
}

.bloc3 .presse .top{
	height: 76px;
	font-size: 11px;
}

.bloc3 .presse .top table{
	height: 76px;
}

.bloc3 .presse .bottom{
	line-height: 35px;
}

.bloc3 .presse .bottom a{
	margin-left: 5px;
	padding-left: 25px;
	background: url(../images/logo_acrobat.gif) left center no-repeat;
}

.bloc1 form.rond, .bloc3 form.rond{
	background: url(../images/bloc3_fond_outils_generique.gif) left bottom no-repeat;
}

.bloc1 form.rond label, .bloc3 form.rond label{
	margin-left: 10px;
}

.bloc1 form.rond .input, .bloc3 form.rond .input{
	width: 245px;
	height: 29px;
	margin: 7px 0 7px 10px;
	background: url(../images/calculatrice_fond_input.gif) left top no-repeat;
}

.bloc1 form.rond input, .bloc3 form.rond input{
	width: 225px;
	height: 25px;
	line-height: 25px;
	margin: 2px 0 2px 10px;
	font-size: 15px;
	color: #6d6e71;
	border: 0 solid transparent;
	background: transparent;
}

	/*bloc4*/
.bloc4{
	width: 296px;
	margin-bottom: 15px;
	font-size: 11px;
}	
	
.bloc4 .auteur{
	color: #999999;
}

.bloc4 h4{
	margin-bottom: 5px;
	font-size: 12px;
	color: #ec008c;
}

.bloc4 p{
	color: black;
	text-align: justify;
}

.bloc4 .lien{
	position: relative;
	height: 36px;
	margin-top: 10px;
	background: url(../images/bloc4_fond_lien.gif);
}

.bloc4 .lien a{
	display: block;
	position: absolute;
	line-height: 36px;
	top: 0;
	left: 125px;
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.bloc4 .lien a span{
	font-weight: normal;
}

	/*formulaire1*/
	
form.formulaire1{
	overflow: hidden;
}
	
form.formulaire1 .section{
	padding: 7px 0;
	border-bottom: 1px solid #eaeaea;
	overflow: hidden;
}

form.formulaire1 label{
	display: block;
	float: left;
	width: 150px;
}

form.formulaire1 input.text, form.formulaire1 textarea{
	width: 400px;
	border: 2px solid #dadada;
}

form.formulaire1 .bloc2 input.text, form.formulaire1 .bloc2 textarea{
	width: 134px;
}

form.formulaire1 .bloc2 input.dept{
	width: 34px;
}

form.formulaire1 textarea{
	height: 50px;
}

form.formulaire1 select{
	width: 400px;
	border: 2px solid #dadada;
	color: #ec008c;
}

form.formulaire1 .bloc2 select.jour, form.formulaire1 .bloc2 select.mois, form.formulaire1 .bloc2 select.annee{
	width: 34px;
	color: black;
}

form.formulaire1 .bloc2 select.annee{
	width: 56px;
}

form.formulaire1 .login{
	float: left;
	width: 140px;
}

form.formulaire1 .login input.text{
	width: 120px;
	margin-bottom: 10px;
}

form.formulaire1 .texte{
	float: right;
	width: 460px;
	text-align: right;
	margin-bottom: 10px;
}

form.formulaire1 .submit, #colonnes3 .submit{
	height: 36px;
	clear: both;
	text-align: right;
	background: url(../images/fond_submit1.gif) right top no-repeat;
	overflow: hidden;
}

form.formulaire1 .submit a, #colonnes3 .submit a{
	display: block;
	margin: 12px 12px 0 0;
	font-size: 12px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

form#f_Contact input, form#f_Contact textarea {
  font-size:12px;
  font-family: Arial,Helvetica,sans-serif;
}


	/* pagination */
	
.pagination, .pagination2, .pagination_blog{
	position: relative;
	height: 36px;
	line-height: 38px;
	background: url(../images/fond_pagination.gif) right top no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

.pagination p{
	position: absolute;
	width: 170px;
	right: 0;
	top: 0;
}

.pagination a, .pagination_blog a{
	color: white;
}

.pagination2{
	position: relative;
	margin-bottom: 15px;
	background: url(../images/fond_pagination2.gif) top left no-repeat;
}

.pagination2 a{
	display: block;
	position: absolute;
	top: 0;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	color: white;
}

.pagination2 a.precedent{
	left: 50px;
}

.pagination2 a.sommaire{
	left: 260px;
}

.pagination2 a.suivant{
	left: 470px;
}

.pagination_blog{
	background: url(../images/fond_pagination_blog.gif) left top no-repeat;
}

.pagination_blog p{
	margin-left: 35px;
}

/**** HEADER ****/
#header{
	width: 949px;
	height: 134px;
	margin: 0;
	background-image: url(../images/fond-top.png);
	position: relative;
}
#header .langues{
	float: right;
	font-weight: bold;
	padding: 5px;
	position: absolute;
	right: 2px;
}
#header .langues img {
	float: none;
}
#header img {
	float: left;
}
#header .informations {
	padding: 90px 0 0 210px;
	color: #FFF;
position: absolute;
left:0px;
width:750px;


}
#header h3 {
	float: left;
	width: 155px;
	margin-right: 65px;
	font-family: "Myriad Pro", "Myriad";
	font-size: 16px;
}

#header h3 a{
	color: white;
}

#header p {
	position: relative;
	left: -40px;
	margin: 20px 0 0 0;
	font-size: 0.9em;
}

/**** MENU ****/

#menu{
	position: relative;
	z-index: 100;
}

#menu ul.menu{
	height: 56px;
	line-height: 50px;
	background: url(../images/fond_menu.jpg) top left repeat-x;
	font-weight: bold;
}

#menu ul.menu li{
	float: left;
	height: 56px;
	padding: 0 18px;
}

#menu ul.menu li.active{
	background: url(../images/fond_menu_active.jpg) top left repeat-x;
}

#menu ul.menu li.separateur{
	padding: 0;
	background: none;
}

#menu ul.menu li a{
	text-decoration: none;
	color: #6d6e71;
}

#menu ul.menu li .recherche{
	width: 133px;
	height: 28px;
	margin-top: 11px;
	background: url(../images/fond_menu_recherche.jpg) top left no-repeat;
}

#menu ul.menu li.active .recherche{
	background: url(../images/fond_menu_recherche_on.jpg) top left no-repeat;
}

#menu ul.menu li .recherche input{
	float: left;
	height: 20px;
	margin: 4px 0 0 8px;
	border: 0 solid transparent;
}

#menu ul.menu li .recherche input.bouton{
	float: right;
	margin: 4px 3px;
}

	/*bloc contextuel*/

#menu #contexte_menu{
	position: absolute;
	top: 56px;
	left: 0;
	width: 949px;
	background-color: #dadada;
	overflow: hidden;
}
	
#menu .contexte1{
	height: 141px;
	background: url(../images/fond_contexte_menu_1.jpg) top left no-repeat;
}

#menu .contexte2{
	height: 141px;
	background: url(../images/fond_contexte_menu_2.jpg) top left no-repeat;
}

#menu .contexte1 .bloc, #menu .contexte2 .bloc{
	float: left;
	position: relative;
	width: 250px;
	height: 126px;
	margin-top: 6px;
	font-size: 11px;
}

#menu .contexte1 .left, #menu .contexte2 .left{
	margin-left: 9px;
}

#menu .contexte2 .left{
	color: white;
}

#menu .contexte2 .left a{
	display: block;
	position: absolute;
	width: 127px;
	height: 31px;
	bottom: 8px;
	left: 7px;
	line-height: 31px;
	font-size: 14px;
	background: url(../images/puce_lien_contexte_2.gif) center left no-repeat;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#menu .contexte2 .left a span{
	margin-left: 30px;
}

#menu .contexte2 .right{
	width: 510px;
}

#menu .contexte1 .center, #menu .contexte1 .right, #menu .contexte2 .right{
	margin-left: 10px;
}

#menu .contexte1 .bloc h3, #menu .contexte2 .bloc h3{
	height: 31px;
	line-height: 31px;
	margin-left: 15px;
	font-size: 14px;
}

#menu .contexte1 .bloc ul, #menu .contexte2 .bloc ul{
	margin-top: 7px;
	margin-left: 15px;
	list-style-position: inside;
	list-style-image: url(../images/puce_contexte_menu.gif);
}

#menu .contexte2 .bloc ul li{
	float: left;
	width: 130px;
	margin-right: 25px;
}

#menu .contexte1 .bloc ul li a{
	color: #6d6e71;
	text-decoration: none;
}

#menu .contexte1 .bloc a.big, #menu .contexte1 .bloc a.small, #menu .contexte2 .bloc a.big{
	display: block;
	position: absolute;
	bottom: 8px;
	left: 7px;
	width: 236px;
	height: 31px;
	line-height: 31px;
	background: url(../images/fond_lien_contexte.gif) top left no-repeat;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#menu .contexte2 .bloc a.big{
	width: 496px;
	background: url(../images/fond_lien_contexte_2.gif) top left no-repeat;
}

#menu .contexte1 .bloc a.small{
	width: 127px;
	background: url(../images/fond_lien_contexte_small.gif) top left no-repeat;
	left: 115px;
}

#menu .contexte1 .bloc a.big span, #menu .contexte1 .bloc a.small span, #menu .contexte2 .bloc a.big span{
	margin-left: 30px;
}

#menu .contexte1 .bloc img.vert{
	margin: 6px;
}

#menu .contexte1 .bloc p{
	margin: 6px;
}

#menu .contexte2 .bloc p{
	margin-top: 6px;
}

#menu .contexte1 .bloc img.habillage{
	float: left;
	margin: 6px;
}

#menu .contexte1 img.visuel, #menu .contexte2 img.visuel{
	float: left;
	margin-top: 10px;
	margin-left: 15px;
}

#menu .contexte2 .bloc input{
	width: 230px;
	margin: 6px 6px 0 6px;
	border: 1px solid #ce017b;
	color: #6d6e71;
}

#menu .resultat{
	padding: 5px 9px;
}

#menu .resultat h3{
	width: 770px;
	height: 31px;
	line-height: 31px;
	margin-bottom: 2px;
	font-size: 14px;
	background: url(../images/menu_recherche_h3.gif) left top no-repeat;
}

#menu .resultat h3 span{
	margin-left: 15px;
}

#menu .resultat .contenu{
	background: url(../images/menu_recherche_fond.gif) left top repeat-y;
	overflow: hidden;
}

#menu .resultat .contenu .bloc{
	float: left;
	width: 183px;
	margin-left: 10px;
}

#menu .resultat .contenu .bloc h4{
	margin: 4px 0;
	font-size: 12px;
	background: url(../images/puce_contexte_menu.gif) left top no-repeat;
}

#menu .resultat .contenu .bloc h4 span{
	margin-left: 10px;
}

#menu .resultat .contenu .bloc ul{
	font-size: 11px;
	line-height: 18px;
}

#menu .resultat .contenu .bloc ul li.acrobat{
	background: url(../images/puce_acrobat.gif) left top no-repeat;
}

#menu .resultat .contenu .bloc ul li.video{
	background: url(../images/puce_quicktime.gif) left top no-repeat;
}

#menu .resultat .contenu .bloc ul li.empty{
	color: #ec008c;
}

#menu .resultat .contenu .bloc ul li span{
	margin-left: 20px;
}

#menu .resultat .bottom{
	height: 22px;
	margin-bottom: 10px;
	background: url(../images/menu_recherche_bottom.gif) left bottom no-repeat;
}


/**** HOMEPAGE ****/




/**** ACTUALITES ****/
h1.titre{
	font-size: 30px;
	font-weight: normal;
	border-bottom: 1px solid #dadada;
}

h3.question{
	margin: 12px 0 30px;
	color: #ec008c;
	font-size: 24px;
	font-weight: normal;
}

p.sousTitre{
	margin: 10px 0;
	font-size: 24px;
}

.article_liste{
	margin: 25px 0;
	padding-bottom: 25px;
	border-bottom: 1px solid #dadada;
}

.last_article_liste{
	border: 0 solid transparent;
}

.article_liste img{
	float: left;
}

.article_liste .texte{
	margin-left: 75px;
}

.article_liste .texte h4{
	font-size: 12px;
	color: #ec008c;
}

.article_detail p{
	margin: 15px 0;
}

.article_detail a{
	color: #ec008c;
}

/**** ANNUAIRE ****/
.formAnnuaire {
	overflow:hidden;
}
ul.villes{
	float: left;
	width: 190px;
	margin-right: 15px;
	list-style-position: inside;
	list-style-image: url(../images/puce_liste.gif);
}

ul.villes li{
	line-height: 15px;
}

div.ville p.description{
	padding-bottom: 35px;
	border-bottom: 1px solid #eaeaea;
}

div.ville .agence{
	margin: 15px 0;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
}

div.ville .agence h4{
	font-size: 12px;
	color: #ec008c; 
}

div.ville .agence p.adresse{
	margin: 3px 0;
	font-size: 11px;
	color: #999999;
}

div.ville .agence p.tel{
	height: 19px;
	line-height: 19px;
	padding-left: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #6d6e71;
	background: url(../images/fond_tel.gif) left top no-repeat;
}


/**** BLOG ****/

.article_detail .auteur{
	font-size: 11px;
}

.article_detail .auteur a{
	text-decoration: underline;
	color: #6d6e71;
}

.commentaire .auteur{
	font-size: 11px;
	color: #999999;
}

.commentaire a{
	text-decoration: underline;
	color: #ec008c;
}

.commentaire p{
	color: black;
}

.commentaire{
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
}

.lienCommentaires{
	position: relative;
	height: 36px;
	margin-top: 10px;
	margin-bottom: 15px;
	background: url(../images/fond_lien_commentaires.gif);
}

.lienCommentaires a{
	display: block;
	position: absolute;
	line-height: 36px;
	top: 0;
	left: 460px;
	text-decoration: none;
	color: white;
	font-weight: bold;
}


/**** FAQ ****/

p.faq{
	line-height: 17px;
	margin-bottom: 20px;
}

h4.faq{
	background: url(../images/index-liste.jpg) left top no-repeat;
	margin: 4px 10px 4px 12px;
	padding-left: 25px;
	line-height: 18px;
	font-size: 12px;
	color: #6d6e71;
}


/**** MESSAGERIE ****/

.messagerie .navigation{
	margin-top: -10px;
	margin-bottom: 20px;
	overflow: hidden;
}

.messagerie .navigation .bloc{
	float: left;
	width: 207px;
	height: 34px;
	line-height: 34px;
	margin-right: 1px;
	background: url(../images/messagerie_fond_navigation.gif) left center no-repeat;
}

.messagerie .navigation .active{
	background: url(../images/messagerie_fond_navigation_active.gif) left center no-repeat;
}

.messagerie .navigation .bloc img{
	margin: 0 7px;
	vertical-align: middle;
}

.messagerie .navigation .bloc a{
	color: white;
	font-weight: bold;
}

.messagerie .navigation .bloc a span{
	font-weight: normal;
}

.messagerie table.messages{
	width: 100%;
	font-size: 11px;
	border: 0 solid transparent;
	border-collapse: collapse;
}

.messagerie table.messages tr{
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #eaeaea;
}

.messagerie table.messages tr.new{
	background-color: #fbeef6;
}

.messagerie table.messages tr td.puce{
	width: 25px;
	text-align: center;
}

.messagerie table.messages tr td.sujet{
	width: 60%;
}

.messagerie table.messages tr.new td.sujet{
	font-weight: bold;
}

.messagerie table.messages tr td.delete{
	width: 45px;
}

.messagerie table.messages tr td a.delete{
	display: block;
	height: 21px;
	width: 21px;
	margin: 0 auto;
	background: url(../images/puce_delete.gif);
}

.messagerie table.messages tr.new td a.delete{
	background: url(../images/puce_delete_new.gif);
}

.messagerie .message{
	color: black;
	font-size: 11px;
}

.messagerie .message .entete{
	margin-bottom: 15px;
	border-top: 1px solid #eaeaea;
}

.messagerie .message .entete .ligne{
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #eaeaea;
}

.messagerie .message .entete .ligne p{
	float: left;
	margin-right: 30px;
}

.messagerie .message .corps{
	margin-bottom: 30px;
}

.messagerie .send{
	position: relative;
	height: 36px;
	width: 624px;
	background: url(../images/messagerie_send.gif) left center no-repeat;
}

.messagerie .send a{
	line-height: 40px;
	position: absolute;
	left: 452px;
	font-weight: bold;
	color: white;
}

.messagerie .send a.delete{
	left: 555px;
}

.messagerie h2.titre{
	font-size: 25px;
}

.messagerie .textarea{
	margin: 10px 0;
	border: 2px solid #dadada;
}

.messagerie .textarea textarea{
	margin: 5px;
	border: 0 solid transparent;
	width: 600px;
	height: 140px;
}


/**** LEXIQUE ****/

.bloc1 .lexique_nav{
	height: 25px;
	width: 278px;
	margin: 17px auto 0;
}

.bloc1 .lexique_nav a.lettre, .bloc3 .lexique_nav a.next, .bloc3 .lexique_nav a.prev{
	display: block;
	float: left;
	width: 26px;
	height: 25px;
	line-height: 28px;
	margin-right: 1px;
	font-weight: bold;
	text-align: center;
	background: url(../images/lexique_lettre.gif) left center no-repeat;
}

.bloc1 .lexique_nav a.active{
	position: relative;
	top: -8px;
	height: 33px;
	line-height: 30px;
	margin: 0 2px 0 1px;
	color: white;
	font-size: 18px;
	background: url(../images/lexique_lettre_active.gif) left center no-repeat;
}

.bloc1 .lexique_nav a.next{
	float: right;
	height: 26px;
	width: 25px;
	background: url(../images/lexique_next.gif) left center no-repeat;
}

.bloc1 .lexique_nav a.prev{
	float: left;
	height: 26px;
	width: 25px;
	background: url(../images/lexique_prev.gif) left center no-repeat;
}


/**** EXEMPLES ****/

table.exemple{
	width: 100%;
	margin-bottom: 30px;
	line-height: 31px;
	text-align: left;
	border-collapse: collapse;
}

table.exemple tr{
	height: 31px;
}

table.exemple tr td{
	padding-left: 15px;
}
table.exemple tr th{
	padding-left: 15px;
	text-align: left;
}
table.exemple tr td.center, table.exemple tr th.center{
	border-left: 2px solid white;
	border-right: 2px solid white;
}

table.exemple tr.top{
	color: white;
	background-color: #929295;
}

table.exemple tr.top td, table.exemple tr.top th{
	border-top: 0 solid transparent;
}

table.exemple tr.pair{
	background-color: #feedf7;
}

table.exemple tr.pair td{
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
}

table.exemple tr.total_credit{
	font-weight: bold;
}

table.exemple tr.total_credit td{
	border-top: 1px solid #eaeaea;
}

table.exemple tr.tresorerie{
	font-weight: bold;
	color: white;
	background-color: #ec008c;
}

table.exemple tr.total_rachat{
	font-weight: bold;
	color: white;
	background-color: #999999;
}

.bloc1 .bloc_exemple{
	width: 272px;
	height: 57px;
	margin: 7px auto ;
	font-size: 15px;
}

.bloc1 .bloc_rose{
	background: url(../images/exemples_fond1.gif) left top no-repeat;
}

.fleche_exemples{
	float:left; 
	padding: 271px 0px 0px 5px;
}

.bloc1 .bloc_exemple table{
	width: 258px;
	height: 57px;
	margin: 0 7px;
}

.bloc1 .bloc_exemple table td.label{
	width: 140px;
}

.bloc1 .bloc_exemple table td.prix{
	text-align: right;
	font-size: 18px;
}


/**** TEMOIGNAGES ****/

h4.temoin{
	background: url(../images/index-liste.jpg) left top no-repeat;
	margin: 4px 10px 4px 12px;
	padding-left: 25px;
	line-height: 18px;
	font-size: 18px;
	font-weight: normal;
	color: #6d6e71;
}


/**** CALCULATRICE****/

.outils{
	background: url(../images/bloc1_fond.gif) left bottom no-repeat;
}

.outils .generique{
	overflow: hidden;
	background: url(../images/bloc3_fond_outils_generique.gif) left bottom no-repeat;
}

.outils .bloc{
	float: left;
	width: 124px;
	height: 46px;
	margin: 4px 0 4px 8px;
	padding: 0;
	font-weight: bold;
	color: white;
	background: url(../images/calculatrice_fond_liste.gif) center top no-repeat;
}

.outils .big{
	width: 254px;
	background: url(../images/calculatrice_fond_liste_big.gif) center top no-repeat;
}

.outils .bloc a{
	color: white;
}

.outils .bloc img{
	float: left;
	margin: 7px 3px;
}

.outils .bloc p{
	margin-top: 5px;
}

.outils .big p{
	margin-top: 7px;
}

.outils .big p.small{
	margin-top: 2px;
	font-weight: normal;
}

.calculatrice{
	position: relative;
	font-size: 18px;
	color: #6d6e71;
	overflow: hidden;
}


.calculatrice .bloc3 .top{
	width: 272px;
	height: 14px;
	margin: 10px auto 0;
	background: url(../images/calculatrice_fond_top.gif) left top no-repeat;
}

.calculatrice .bloc3 form{
	margin-top: 0;
	padding-top: 0;
}

.calculatrice a.submit{
	position: absolute;
	left: 296px;
	top: 0;
	display: block;
	width: 326px;
	height: 92px;
	line-height: 72px;
	color: white;
	text-align: center;
	background: url(../images/calculatrice_fond_submit.gif) left top no-repeat;
}

.calculatrice #resultat{
	position: absolute;
	left: 296px;
	top: 0;
	width: 326px;
	height: 154px;
	background: url(../images/calculatrice_fond_resultat.gif) left top no-repeat;
}

.calculatrice #resultat .top, .calculatrice #resultat .mensualite{
	width: 320px;
	margin-top: 7px;
	line-height: 73px;
	text-align: center;
	font-size: 24px;
	color: white;
}

.calculatrice #resultat .top{
	line-height: 43px;
	font-size: 15px;
	color: #6d6e71;
}

.calculatrice #resultat a{
	position: absolute;
	right: 28px;
	bottom: -20px;
	display: block;
	width: 271px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: white;
	background: url(../images/calculatrice_fond_demande.gif) center top no-repeat;
}

.calculatrice #resultat a span{
	margin-left: 30px;
}


/**** ESPACE PRIVE ****/

.espacePrive .etape{
	width: 257px;
	height: 31px;
	line-height: 31px;
	margin: 5px auto;
	color: white;
	font-weight: bold;
	background: url(../images/espace_prive_fond_etape.gif) center top no-repeat;
}

.espacePrive .etape img{
	margin: 0 8px;
	vertical-align: middle;
}
.espacePrive .etape a {
	color: #FFFFFF;
}

.espacePrive .active{
	text-align: right;
	background: url(../images/espace_prive_fond_etape_active.gif) center top no-repeat;
}

.espacePrive .active span{
	margin-right: 30px;
}

.bloc1 .visuel .nom_conseiller, .bloc3 .visuel .nom_conseiller, .bloc1 .visuel .statut, .bloc3 .visuel .statut{
	position: absolute;
	left: 123px;
	top: 10px;
	font-size: 18px;
}

.bloc1 .visuel .nom_conseiller span, .bloc3 .visuel .nom_conseiller span{
	font-size: 12px;
	font-weight: bold;
}

.bloc1 .visuel .statut, .bloc3 .visuel .statut{
	top: 65px;
	width: 133px;
}

.bloc1 .visuel .statut span.hors_ligne, .bloc3 .visuel .statut span.hors_ligne {
	display: block;
	height: 26px;
	line-height: 26px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: url(../images/espace_prive_fond_statut_horsligne.gif) left top no-repeat;
}
.bloc1 .visuel .statut span, .bloc3 .visuel .statut span {
	display: block;
	height: 26px;
	line-height: 26px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: url(../images/espace_prive_fond_statut.gif) left top no-repeat;
}

.bloc1 .suivi_outil, .bloc3 .suivi_outil{
	width: 257px;
	height: 31px;
	line-height: 31px;
	margin: 5px auto;
	color: white;
	background: url(../images/espace_prive_suivi_outil.gif) left top no-repeat;
}

.bloc1 .suivi_outil a, .bloc3 .suivi_outil a{
	color: white;
}

.bloc1 .suivi_outil img, .bloc3 .suivi_outil img{
	vertical-align: middle;
	margin: 0 5px 0 7px;
}


.suivi_dossier #menu_suivi{
	height: 31px;
	line-height: 31px;
	border: 1px solid #eeeeee;
	background: url(../images/menu_suivi_fond.png) left top repeat-x;
}

.suivi_dossier #menu_suivi .etape{
	float: left;
	padding: 0 25px 0 10px;
	font-weight: bold;
	color: #6d6e71;
}

.suivi_dossier #menu_suivi .active{
	background-color: #ec008c;
	color: white;
}

.suivi_dossier #menu_suivi img{
	float: left;
}

.suivi_dossier .alerte_suivi{
	height: 47px;
	line-height: 47px;
	padding-left: 50px;
	color: white;
	background: url(../images/menu_suivi_alerte.gif) left top no-repeat;
}

.suivi_dossier .marge{
	height: 20px;
}

.suivi_dossier .gauche{
	float: left;
	width: 398px;
	border-right: 1px solid #cbcbcb;
}

.suivi_dossier .gauche .inside{
	margin-right: 15px;
}

.suivi_dossier .gauche h4{
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: normal;
}

.suivi_dossier .messages{
	font-size: 11px;
}

.suivi_dossier .messages .entete{
	margin-bottom: 10px;
}

.suivi_dossier .messages .entete .credigo{
	font-size: 12px;
}

.suivi_dossier .messages .corps{
	padding-bottom: 10px;
}

.suivi_dossier .messages img{
	float: left;
	margin: 0 7px 5px 0;
}

.suivi_dossier .messages .new {
	min-height: 80px;
	border-bottom: 1px solid #eaeaea;
	color: black;
}
.suivi_dossier .messages .old {
	min-height: 80px;
	margin: 10px 0 5px 20px;
}

.suivi_dossier .droite{
	margin-left: 412px;
}

/**** SIMULATION ****/

.cadre_etape{
	padding-top: 27px;
	background: url(../images/cadre_etape_top.gif) center top no-repeat;
}

.cadre_etape .contenu{
	padding-bottom: 27px;
	background: url(../images/cadre_etape_bottom.gif) center bottom no-repeat;
}

.cadre_etape .contenu .inside{
	margin: 0 30px;
}

.liens_etape{
	height: 34px;
	line-height: 34px;
	margin: 0;
}

.liens_etape a.prev, .liens_etape a.next{
	display: block;
	width: 161px;
	font-weight: bold;
	color: white;
}

.liens_etape a.prev{
	float: right;
	margin-right: 30px;
	text-align: right;
	background: url(../images/etape_prev.gif) right top no-repeat;
}

.liens_etape a.prev span{
	margin-right: 50px;
}

.liens_etape a.next{
	float: right;
	background: url(../images/etape_next.gif) left top no-repeat;
}

.liens_etape a.next span{
	margin-left: 50px;
}

/**** FOOTER ****/
#baseline {
	margin-top: 20px;
	font-size: 95%;
	color: #bcbcbd;
}
#pied {
	clear: both;
	margin-top: 23px;
	border-top: solid 1px #f0efef;
	color: #6d6e71;
	font-size: 10px;
}
#pied p.liens {
	height: 30px;
	padding-top: 5px;
	margin-bottom: 0px;
	border-bottom: solid 1px #f0efef;
	text-align: center;
	font-size: 12px;
}
#pied a {
	text-decoration: none;
	font-weight: bold;
	color: #6d6e71;
}
#pied a:hover{
	text-decoration: underline;
}
h3.sectionpro {
	height: 33px;
	padding-left: 10px;
	line-height: 33px;
	font-size: 12px;
	background: url(../images/fond_titre_big.gif) left top no-repeat;
}

/*--- MENU BOTTOM ---*/
#breadory {
	border: 1px solid #ddd; width: 949px; margin: 0 auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#globalfooter #breadory ol#breadcrumbs { background: none; clear: both; float: none; height: 3em; line-height: 3em; font-size: 11px; color: #666; margin: 0; list-style: none; font-weight: bold; text-shadow: 2px 2px 1px #fff; }
#breadory #directorynav .capbottom { height: 0; font-size: 1px; _display: none; }

/*--- Directory Nav ---*/
.directorynav {font-size: 10px; border-top: 1px solid #e5e5e5; float: left; width: 215px; position: relative; padding:10px;vertical-align: top;}
#directorynav h3 { color: #666; font-weight: bold;font-size: 11px; }
#directorynav a { color: #888; text-decoration: none; display: block; zoom: 1; }
#directorynav a:hover { color: #333 !important; text-decoration: none !important; }
#directorynav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 980px; background: url(http://images.apple.com/euro/global/nav/images/directory_capbg.png) no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc); }
#directorynav ul { margin-bottom: 0; padding-bottom: 9px; }

/*---- Tags ---*/
.pg1-0 {
	color:#FF7777;
	font-size: 14px;
}
.pg1-1 {
	font-size: 12px;
	color:#DC54A1;
}
.pg1-2 {
	font-size: 8px;
	color:#DD5555;
}
.pg1-3 {
	font-size: 10px;
	color:#DD0E83;
}
.pg1-4 {
	font-size: 16px;
	color:#BB3333;
}
.pg1-5 {
	color:#DD0E83;
	font-size: 14px;
}
.pg1-6 {
	font-size: 12px;
	color:#FF7777;
}
.pg1-7 {
	font-size: 8px;
	color:#DC54A1;
}
.pg1-8 {
	font-size: 10px;
	color:#DD5555;
}
.pg1-9 {
	font-size: 16px;
	color:#DD0E83;
}
.pg1-10 {
	font-size: 12px;
	color:#BB3333;
}
.pg1-11 {
	font-size: 10px;
	color:#DD0E83;
}
.pg1-12 {
	font-size: 8px;
	color:#DC54A1;
}
.pg1-13 {
	font-size: 14px;
	color:#DD0E83;
}
.pg1-14 {
	font-size: 12px;
	color:#FF7777;
}