/**********Definitions generales***********/
html {
font-size: 100%;
height:100%;
}

body {
height:100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 1em;
color: #010000;
font-family:Arial, Helvetica, sans-serif;
background:#db3e88 url(images/body_bg.png) top left repeat-x;
}

div,ul,ol,li,table,th,td,h1,h2,h3,h4,h5,p,span,form,img,input{
margin: 0;
padding: 0;
font-size: 1em;
}

ul{
list-style:none;
}

a{
text-decoration:none;
outline:none;
color:#7b6d70;
}

a:hover{
text-decoration:underline;
}

.nettoyeur{
clear:both;
font-size:1px;
}

object {
outline:none;
}

img {
border:none;
}

button::-moz-focus-inner {
border: 0;
}

fieldset{
margin: 0;
padding: 0;
border: none;
}

/*************Surligne**********/

span.spip_surligne{
background:none;
}

/**********Contenu***********/

h1{
text-align:left;
font-size:1em;
margin-top:10px;
margin-bottom:10px;
}

h2{
text-align:justify;
font-size:1.125em;
line-height:140%;
margin-top:25px;
margin-bottom:15px;
color:#d61d78;
background:transparent url(images/titre_bg.png) top left no-repeat;
padding:15px 30px 15px 50px;
}

h3{
text-align:justify;
font-size:1em;
line-height:140%;
margin-top:25px;
margin-bottom:15px;
padding-left:50px;
padding-right:50px;
color:white;
}

h4{
text-align:justify;
font-size:0.875em;
line-height:140%;
margin-top:25px;
margin-bottom:15px;
padding-left:50px;
padding-right:50px;
color:#d61d78;
}

p{
text-align:justify;
font-size:0.8125em;
line-height:140%;
margin-top:15px;
margin-bottom:15px;
padding-left:50px;
padding-right:50px;
color:white;
}

img{
margin:0;
}

ol,ul{
margin-top:15px;
margin-bottom:15px;
}

li{
text-align:justify;
font-size:0.8125em;
line-height:140%;
margin-top:15px;
margin-bottom:15px;
margin-left:20px;
}

ol li{
color:#223831;
font-weight:bold;
font-style:italic;
font-size:1em;
line-height:100%;
}

li em{
font-style:normal;
font-size:0.8125em;
color:white;
font-weight:normal;
}

.bloc strong {
color:#010000;
}

table{
width:100%;
border-collapse:collapse;
border-spacing:0;
margin-top:15px;
margin-bottom:15px;
}

td{
text-align:center;
font-size:0.875em;
line-height:140%;
padding:4px 4px 4px 4px;
border:1px solid #223831;
}

select{
margin:10px 6px 6px 8px;
}

input{
width:168px;
height:20px;
padding:10px 6px 6px 8px;
border:none;
font-size:1.1em;
background:none;
}

span.input{
margin-right:20px;
display:block;
width:188px;
height:46px;
background:transparent url(images/input_bg.png) top left no-repeat;
}

span.champs_erreur{
background:transparent url(images/input_erreur_bg.png) top left no-repeat;
}

span.input_petit input{
width:68px;
}

span.input_petit{
width:88px;
background:transparent url(images/input_bg2.png) top left no-repeat;
}

span.champs_erreur_petit{
background:transparent url(images/input_erreur_bg2.png) top left no-repeat;
}

span.input_grand input{
width:306px;
}

span.input_grand{
width:346px;
background:transparent url(images/input_bg3.png) top left no-repeat;
}

input.submit{
width:auto;
height:auto;
}

textarea{
padding:10px 10px 20px 10px;
border:none;
font-size:1.1em;
background:none;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:0.8125em;
width:390px;
height:100px;
}

span.textarea{
display:block;
width:410px;
height:130px;
background:transparent url(images/textarea_bg.png) top left no-repeat;
}

/**************Page 404**************/
div#page_404{
background:white;
width:400px;
margin-left:auto;
margin-right:auto;
padding:20px 20px 20px 20px;
margin-top:100px;
color:#223831;
}

div#page_404 h1{
text-align:center;
padding-left:0;
}

div#page_404 p{
text-align:center;
font-size:0.875em;
color:black;
}

div#page_404 a{
text-transform:uppercase;
font-weight:bold;
font-size:0.875em;
}

div#page_404 a:hover{
color:black;
}

/**********Page********/

.page{
display:block;
width:1020px;
margin-left:auto;
margin-right:auto;
background:transparent url(images/page_bg.png) top left repeat-y;
}

.page_top{
background:transparent url(images/page_top_bg.jpg) top left no-repeat;
min-height:400px;
}

.contenu{
padding-top:160px;
width:599px;
float:left;
position:relative;
}

/*********Fin page**********/

/*********Menu**********/

.menu{
width:240px;
float:left;
padding-top:176px;
padding-bottom:10px;
position:relative;
z-index:6000;
}

.menu ul{
margin:0;
padding:0;
}

.menu li{
margin:0;
padding:0;
display:block;
position:relative;
height:50px;
}

.menu a{
cursor:pointer;
}

.menu .picto{
display:block;
position:absolute;
top:0px;
left:0px;
background-repeat:no-repeat;
background-color:transparent;
background-position:top left;
z-index:2000;
}

.menu .nom{
position:absolute;
top:50%;
margin-top:-33px;
left:0px;
display:block;
z-index:1000;
display:none;
}

.menu .on .nom {
display:block;
}

.menu .nom_cache{
display:none;
}

.menu .rubrique_2 .picto{
top:0px;
left:28px;
width:46px;
height:58px;
background-image:url(images/menu_picto_2.png);
}

.menu .rubrique_3 .picto{
top:0px;
left:25px;
width:60px;
height:86px;
background-image:url(images/menu_picto_3.png);
}

.menu .rubrique_3{
height:86px;
}

.menu .rubrique_4 .picto{
top:0px;
left:15px;
width:85px;
height:83px;
background-image:url(images/menu_picto_4.png);
}

.menu .rubrique_4{
height:83px;
}

.menu .rubrique_5 .picto{
top:0px;
left:30px;
width:45px;
height:97px;
background-image:url(images/menu_picto_5.png);
}

.menu .rubrique_5{
height:97px;
}

.menu .rubrique_6 .picto{
top:0px;
left:25px;
width:56px;
height:62px;
background-image:url(images/menu_picto_6.png);
}

.menu .rubrique_6{
height:62px;
}

.menu .rubrique_7 .picto{
top:0px;
left:25px;
width:65px;
height:63px;
background-image:url(images/menu_picto_7.png);
}

.menu .rubrique_7{
height:63px;
}

.menu .rubrique_8 .picto{
top:0px;
left:25px;
width:60px;
height:65px;
background-image:url(images/menu_picto_8.png);
}

.menu .rubrique_8{
height:65px;
}

.menu .rubrique_9 .picto{
top:10px;
left:33px;
width:46px;
height:41px;
background-image:url(images/menu_picto_9.png);
}

.menu .rubrique_9{

}

.menu .rubrique_10 .picto{
top:10px;
left:25px;
width:63px;
height:43px;
background-image:url(images/menu_picto_10.png);
}

.menu .rubrique_10{

}

/*********Fin menu*******/

/********Utile**********/

.utile{
width:180px;
float:right;
padding-top:160px;
}

.temoignages{
min-height:300px;
}

.temoignages h2{
margin:0;
padding:0;
margin-bottom:5px;
background:none;
}

.temoignages h2 img{
width:166px;
height:66px;
margin:0;
margin-left:-50px;
display:block;
}

.utile p{
margin:0;
padding:0;
padding-left:15px;
padding-right:15px;
color:white;
margin-bottom:8px;
text-align:left;
font-size:0.75em;
}

.temoignages .signature{
margin:0;
padding:0;
padding-left:15px;
padding-right:15px;
margin-bottom:25px;
}

.temoignages .signature li{
margin:0;
padding:0;
color:white;
font-size:0.75em;
}

.temoignages .signature .date{
font-size:0.6875em;
}

.temoignage_suite_masque{
display:none;
}

a.temoignage_suite{
color:#7b6d70;
font-size:90%;
}

.astuces h2{
margin:0;
padding:0;
background:none;
}

.astuces h2 img{
width:166px;
height:66px;
margin:0;
margin-left:-50px;
display:block;
}

.bouton{
margin-top:-10px;
}

.bouton a{
font-size:0.6875em;
padding-left:15px;
text-align:left;
color:white;
font-style:italic;
}

.bouton a:hover{
text-decoration:none;
}

.bouton a:hover span{
text-decoration:underline;
}

.bouton a img{
vertical-align:middle;
margin-left:4px;
}

/******Fin utile**********/


/*********Pied***************/

.pied{
width:1020px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:25px;
padding-top:15px;
padding-bottom:15px;
background:#892350;
}

.pied p{
margin:0;
padding:0;
margin-top:2px;
margin-bottom:2px;
color:white;
text-align:center;
font-size:0.75em;
}

p.conception{
padding-top:15px;
padding-bottom:15px;
text-align:center;
margin:0;
color:#EFA4C8;
}

p.conception a{
color:#EFA4C8;
}

p.conception span{
padding-left:15px;
padding-right:15px;
}

/**********Fin pied************/


/**********Popup***********/

#temoignages_data{
width:553px;
}

.titre_gauche{
width:49px;
float:left;
}

.titre_gauche h2{
padding:0;
margin:0;
}

.contenu_droit{
width:470px;
float:right;
padding-right:15px;
padding-left:15px;
}

.popup .element_formulaire table{
margin:0;
padding:0;
margin-right:auto;
}

.popup .element_formulaire{
padding-left:0;
padding-right:0;
}

.popup .element_formulaire table td,.popup .element_formulaire h3{
color:#767474;
}

.popup #erreur{
font-size:0.875em;
text-align:left;
padding-top:10px;
}

.popup .textarea{
margin-left:auto;
margin-right:auto;
}

/*********Fin popup*********/


/*******Formulaire********/

.element_formulaire{
padding:0px 50px 0px 50px;
}

.element_formulaire table{
width:auto;
margin:0;
margin-right:auto;
}

.element_formulaire table td{
border:none;
text-align:left;
font-size:0.875em;
color:#7b6d70;
}

.element_formulaire table .separation td{
padding-top:20px;
}

.element_formulaire h3{
font-size:0.875em;
padding-left:10px;
margin-left:-10px;
color:#7b6d70;
background:transparent url(images/titre_bg2.png) top left no-repeat;
padding-top:10px;
padding-bottom:10px;
}

input.submit{
background:transparent url(images/submit_bg.png) top left no-repeat;
font-size:10px;
color:#767474;
text-transform:uppercase;
font-weight:bold;
width:260px;
height:58px;
padding:0px 0px 8px 55px;
text-align:left;
vertical-align:top;
cursor:pointer;
}

.div_submit_grand input.submit{
color:white;
font-size:14px;
margin-right:-60px;
background:transparent url(images/submit_bg2.png) top left no-repeat;
padding:15px 0px 0px 62px;
width:220px;
height:75px;
}

.div_submit{
text-align:right;
margin-top:15px;
}

#erreur{
font-size:0.875em;
text-align:left;
}

#erreur .erreur{
display:block;
padding-left:120px;
padding-right:50px;
padding-top:50px;
padding-bottom:25px;
background:transparent url(images/attention.png) 50px 50px no-repeat;
color:white;
}

#erreur .erreur span{
display:block;
font-weight:bold;
background:none;
}

#envoi{
font-size:0.875em;
text-align:left;
}

#envoi .ok{
display:block;
padding-left:115px;
padding-right:50px;
padding-top:50px;
padding-bottom:75px;
background:transparent url(images/ok.png) 50px 35px no-repeat;
color:white;
font-weight:bold;
}

#envoi .ok span{
background:none;
display:inline;
}

.element_formulaire table.antispam td{
color:white;
}

.element_formulaire table.antispam td.antispam{
padding-right:40px;
background:transparent url(images/fleche2.png) center right no-repeat;
}

.element_formulaire table.antispam td.explications{
font-size:0.75em;
}

#txt_securite{
text-transform:uppercase;
font-weight:bold;
}

/*******Fin formulaire*********/