@charset "utf-8";

html {
    font-size: 100%; /* Évite un bug d'IE 6-7 */
}
body, body#index, body#popup {
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	color:#000;
   height:auto;
  
}
    body { background:#FFF url('../interface/fond_body.png') left 135px repeat-x;}
    body#index { background:#FFF url('../interface/fond_index.png') left 135px repeat-x;}
    body#popup {background:#FFF url('../interface/temoignage/body_popup.png') left top repeat-x;}
    body#email_insc {background:#FFF;}
    
#centre {
	margin:0 auto 0 auto;
	width:1025px;
	text-align:left;
	position:relative;
	color:#000;
}

h1#header {
	color:#FF0000;
	text-indent:-50000px;
	margin-top:0;
   height:0;
}
	h1#header a{
		display:block;
		width:146px;
		height:96px;
		outline:none;
		background:transparent url('../interface/home.png') left top no-repeat;
		
	}
	h1#header a:hover, h1#header a:focus { background-position:bottom;}
 
/******************************************************************************************************************/  
/*NAVMAIN et LOGO*/
#navmain {
    width:975px;
    height:85px;
    margin:50px 0 0 50px;
}
    #navmain li {float:left;}
    #navmain li.logo {
        width:225px;
        height:85px;
    }
    #navmain li a.nav1, #navmain li a.nav2, #navmain li a.nav3, #navmain li a.nav4, #navmain li a.nav5 {
        width:150px;
        height:35px;
        padding-top:50px;
    }
    #navmain li a.nav1 { background:transparent url('../interface/navmain/picto_mode_emploi.jpg') left top no-repeat;}
    #navmain li a.nav2 { background:transparent url('../interface/navmain/picto_assoc.jpg') left top no-repeat;}
    #navmain li a.nav3 { background:transparent url('../interface/navmain/picto_actu.jpg') left top no-repeat;}
    #navmain li a.nav4 { background:transparent url('../interface/navmain/picto_questions.jpg') left top no-repeat;}
    #navmain li a.nav5 { background:transparent url('../interface/navmain/picto_contact.jpg') left top no-repeat;}
    
    #navmain li a {
        display:block;
        text-align:center;
        text-decoration:none;
        color:#a0a0a0;
        font-size:1.1em;
    }
    #navmain li a:hover,  #navmain li a:focus { color:#21a2d1;}
    #navmain li a.actif { color:#ff8a43;}
    #navmain li a.actif:hover,  #navmain li a.actif:focus { color:#21a2d1;}
    
    #navmain li a.home {
        display:block;
        width:225px;
        height:85px;
        background:transparent url('../interface/home.jpg') left top no-repeat;
        text-indent:-50000px;
    }
    #navmain li a.home:hover, #navmain li a.home:focus { background-position:bottom;}

/*LE FORMULAIRE*/
#content_info {
    width:1025px;
    height:350px;
    background:transparent url('../interface/bonhomme.jpg') left top no-repeat;
    position:relative;
}
    #content_info img#info { margin-left:272px;}
    
    #content_info form {
        width:185px;
        height:340px;
        background:#FFF url('../interface/accueil/foot_form.png') left bottom no-repeat;
        position:absolute;
        top:0;
        left:50px;
        color:#404b51;
        font-size:.7em;
        padding:0 20px;
    }
    #content_info form h2 {
        width:130px;
        height:45px;
        background:#FFF url('../interface/accueil/picto_form.png') left top no-repeat;
        margin:0;
        color:#3c3e3f;
        padding:20px 0 0 55px;
        font-size:1.4em;
    }
    #content_info p.bt_radio {
        width:60px;
        height:20px;
        float:left;
        margin:5px 0 0 0;
    }
    #content_info p.first {width:40px;}
   
    #content_info form input[type=text] {
        height:17px;
        background-color:#FFF;
        border:1px solid #C9C9C9;
        -moz-border-radius: .4em;
        -webkit-border-radius :.4em;
        -khtml-border-radius:.4em;
        border-radius: .4em;
        padding-left:5px;
        font-size:1em;
        color:#404b51;
    }
    
    #content_info p.postal, #content_info p.asso, #content_info p.mel {
        height:20px;
        padding:0;
        margin:10px 0;
    }
    #content_info p.postal input[type=text]{
        width:90px;
        margin-left:5px;
    }
    #content_info input[type=text]:hover, #content_info input[type=text]:focus {
        border:1px solid #ff9f43;
    }
    #content_info p.asso label, #content_info p.mel label, #content_info p.condition label {
        visibility:hidden;
        text-indent:-50000px;
        width:0;
        height:0;
        display:none;
    }
    #content_info p.asso select {
        width:170px;
        height:20px;
        font-size:1.1em;
        color:#404b51;
        margin:0;
    }
    #content_info p.mel input[type=text]{
        width:165px;
        font-size:1.1em;
    }
    #content_info p.condition { line-height:1.1em;}
    #content_info p.condition a {color:#404b51;}
    #content_info p.condition a:hover, #content_info p.condition a:focus {
        text-decoration:none;
        color:#21a2d1;
        
    }
    #content_info input[type=submit] {
		  cursor:pointer;
		  display:block;
		  width:185px;
		  height:46px;
		  color:#FFF;
		  text-align:center;
		  background:transparent url('../interface/accueil/bt_participe.png') left top no-repeat;
		  border:none;
        font-weight:bold;
        font-size:2.2em;
	 }
	 #content_info input[type=submit]:hover, #content_info input[type=submit]:focus{background-position:bottom;}
    
    #content_info p.note {
        text-align:center;
        height:20px;
        margin:8px 0 0 -6px;
        line-height:1.1em;
        color:#949494;
        width:200px;
    }

/*ACTUALITE*/
#content_actu {
    width:330px;
    float:left;
    background:transparent url('../interface/accueil/middle_actu.gif') left top repeat-y;
    margin:20px 35px 0 50px;
    position:relative;
    padding-top:16px;
}
img.bordure_haut {
    position:absolute;
    left:0;
    top:0;
}
img.bordure_bas {
    position:absolute;
    left:0;
    bottom:0;
}
.content_actu_txt {
    width:290px;
    margin:0 auto 15px auto;
}
    .content_actu_txt h2 {
        color:#606060;
        font-size:1.2em;
        margin:5px 0 15px 0;
    }
    .content_actu_txt img, .content_info_asso img { float:left;margin-right:15px;}
    .content_actu_txt p {
        text-align:justify;
        font-size:.75em;
        margin:5px 0;
        line-height:1.3em;
    }
    .content_actu_txt p.liresuite, .content_info_asso p.liresuite2 {text-align:right;}
    .content_actu_txt a, .content_info_asso a {
        text-decoration:none;
        font-weight:bold;
        color:#000;
    }
    .content_actu_txt a:hover, .content_actu_txt a:focus, .content_info_asso a:hover, .content_info_asso a:focus {color:#21a2d1;}

/*BOUTONS IMAGE INDEX*/    
a.bt_actu, a.bt_asso {
    display:block;
    width:180px;
    height:30px;
    text-indent:-50000px;
}
    a.bt_actu {
        background:transparent url('../interface/accueil/bt_actu.png') left top no-repeat;
        margin:0 0 15px 130px;
    }
    a.bt_asso {
        background:transparent url('../interface/accueil/bt_asso.png') left top no-repeat;
        margin:15px 0 15px 425px;
    }
    a.bt_actu:hover, a.bt_actu:focus, a.bt_asso:hover, a.bt_asso:focus { background-position:bottom;}
    
/*ASSOCIATION*/
#content_asso {
    width:610px;
    height:465px;
    float:left;
    margin-top:20px;
}
    #content_asso h2 {
        color:#606060;
        font-size:1.2em;
        margin:21px 0 15px 0;
    }
    #content_asso .log_asso {
        width:150px;
        height:150px;
        position:relative;
        float:left;
        margin-right:2px;
    }
    #content_asso .log_asso a {
        display:block;
        width:150px;
        height:150px;
        background:transparent url('../interface/accueil/lien_asso.png') left top no-repeat;
        position:absolute;
        top:0;
        left:0;
        text-indent:-50000px;
    }
    
    #content_asso .log_asso a:hover, #content_asso .log_asso a:focus { background-position:bottom;}
    
#content_asso_txt {
    width:610px;
    background:transparent url('../interface/accueil/middle_asso.gif') left top repeat-y;
    position:relative;
    padding-top:16px;
}
.content_info_asso {
    width:570px;
    margin:0 auto 0 auto;
    padding-bottom:12px;
}
    .content_info_asso img { float:left;}
    .content_info_asso p {
        text-align:justify;
        font-size:.75em;
        margin:5px 0;
        line-height:1.3em;
    }
    
/**************************************************************************************************************************************/
/*FOOTER*/
#content_footer {
    width:100%;
    height:100%;
    background-color:#f1f1f1;
    padding:25px 0;
    margin-top:45px;
}
    #content_footer #content_foot {
        margin:0 auto 0 auto;
        width:1025px;
        text-align:left;
        position:relative;
    }
.zone_footer {
    width:244px;
    float:left;
}
.zone_footer_1 {
    height:103px;
    background:transparent url('../interface/zone_footer.gif') left top no-repeat;
    padding-top:20px;
}
    .zone_footer_1 h2 {
        color:#7e8589;
        font-size:1em;
        margin-left:17px;
    }
    .zone_footer_1 a {
        display:block;
        width:170px;
        height:32px;
        text-indent:-50000px;
        background:transparent url('../interface/bt_rejoignez_nous.png') left top no-repeat;
        margin:25px 0 0 26px;
    }
    .zone_footer_1 a:hover, .zone_footer_1 a:focus { background-position:bottom;}

.zone_footer_2{
    width:204px;
    padding:20px 0 0 40px;
    color:#6c7579;
}
    .zone_footer_2 h2, .zone_footer_3 h2 {
        font-size:1em;
        margin-bottom:10px;
    }
    .zone_footer_2 p {
        margin:0;
        line-height:1em;
    }
    .zone_footer_2 a {
        color:#6c7579;
        font-size:.75em;
        text-decoration:none;
    }
    .zone_footer_2 a:hover, .zone_footer_2 a:focus {color:#21a2d1;}
    
.zone_footer_3{
    width:224px;
    padding-left:20px;
    color:#6c7579;
    border-left: 1px solid #dbdbdb;
    margin-top:20px;
} 
    .zone_footer_3 p {
        font-size:.8em;
        margin-top:-3px;
        line-height:1.3em;
    }
.zone_footer_4 {
    width:224px;
    height:103px;
    background:#f1f1f1 url('../interface/zone_footer.gif') left top no-repeat;
    padding-top:20px;
    color:#7e8589;
    margin-left:15px;
}
    .zone_footer_4 h2 {
        font-size:1em;
        text-align:center;
    }
    .zone_footer_4 p {
        width:120px;
        float:left;
        height:27px;
        font-size:.8em;
        font-weight:bold;
        padding-top:5px;
        text-align:center;
        margin:0 0 0 5px;
    }
    .zone_footer_4 a.twitter, .zone_footer_4 a.facebook {
        display:block;
        height:27px;
        text-align:center;
        text-indent:-50000px;
        margin-top:20px;
        
    }
    .zone_footer_4 a.twitter {
        background: url('../interface/twitter.png') 0 0px no-repeat;
        position:relative;
        width:70px;
        /*margin-top:0px;*/
        margin-left:80px;
    }
    
    .zone_footer_4 a.twitter:hover, .zone_footer_4 a.twitter:focus{
    background:transparent url('../interface/twitter.png') 0 -27px no-repeat;
    }
    
    .zone_footer_4 a.facebook {
        background:transparent url('../interface/facebook.png') left top no-repeat;
        width:23px;
    }
    .zone_footer_4 a.facebook:hover, .zone_footer_4 a.facebook:focus{ background-position:bottom;}
    
    .zone_footer_4 iframe {
        float:left;
        margin:27px 0 0 5px;
        height:21px;
        background-color:#f1f1f1;
    }
    
    
 /******************************************************************************************************************************************************/
 /*PAGE MODE D'EMPLOI*/
 #content_info_mode {
    width:1025px;
    height:220px;
    background:transparent url('../interface/bonhomme.jpg') left top no-repeat;
    position:relative;
}
    #content_info_mode img#emploi { margin-left:183px;}
 
/*CONCEPT*/   
#content_concept {
    width:585px;
    float:left;
    margin:35px 30px 0 50px;
}
    #content_concept li {
        float:left;
        text-align:center;
        font-size:.9em;
        font-weight:bold;
        margin-right:4px;
    }
    #content_concept li.last {margin-right:0;}
    #content_concept li a {
        display:block;
        height:23px;
        -moz-border-radius: .2em;
        -webkit-border-radius :.2em;
        -khtml-border-radius:.2em;
        border-radius: .2em;
        padding:5px 10px 0 10px;
        border:1px solid #e2e2e2;
        text-decoration:none;
        color:#797f83;
    }
    #content_concept li a:hover, #content_concept li a:focus {
        color:#21a2d1;
        border:1px solid #21a2d1;
    }
    #content_concept li a.emploi_actif {
        background-color:#e6f8ff;
        color:#037fb5;
        border:1px solid #cdedfa;
    }
     #content_concept li a.emploi_actif:hover, #content_concept li a.emploi_actif:focus {
        color:#ff9043;
        border:1px solid #ff9043;
    }
/*LE TEXTE CONCEPT*/
.content_concept_txt {
    width:585px;
    background:transparent url('../interface/mode_emploi/middle_concept.gif') left top repeat-y;
    position:relative;
    margin-top:15px;
    padding-top:16px;
}
.concept_txt {
    width:525px;
    margin:0 auto;
    padding-bottom:20px;
}
    .concept_txt h2 {
        width:525px;
        height:48px;
        text-indent:-50000px;
        background:transparent url('../interface/mode_emploi/titre_concept.jpg') left top no-repeat;
    }
    .concept_txt h3 {
        color:#d1cbcb;
        font-weight:bold;
        font-size:.9em;
        margin:0;
    }
    .concept_txt h3 span { color:#ff9043;}
    .concept_txt p {
        color:#404b51;
        font-size:.75em;
        text-align:justify;
        line-height:1.5em;
    }
    .concept_txt p span { padding-left:50px;}
    
/*nav fleche*/
    .concept_txt img { float:left;}
    .concept_txt a.fleche_gauche, .concept_txt a.fleche_droite {
        display:block;
        width:11px;
        height:16px;
        text-indent:-50000px;
        float:left;
    }
    .concept_txt a.fleche_gauche {
        background:transparent url('../interface/mode_emploi/orange_gauche.gif') left top no-repeat;
        margin-left:490px;
    }
    .concept_txt a.fleche_droite {background:transparent url('../interface/mode_emploi/orange_droite.gif') left top no-repeat;}
    .concept_txt a.fleche_gauche:hover, .concept_txt a.fleche_gauche:focus, .concept_txt a.fleche_droite:hover, .concept_txt a.fleche_droite:focus{ background-position:bottom;}
    
  
/*BOUTONS*/
#content_concept a.reponse, #content_concept a.participe {
    display:block;
    width:282px;
    height:56px;
    text-indent:-50000px;
    float:left;
    margin-top:15px;
}
    #content_concept a.reponse{background:transparent url('../interface/mode_emploi/bt_concept2.png') left top no-repeat;}
    #content_concept a.participe{background:transparent url('../interface/mode_emploi/bt_concept1.png') left top no-repeat;}
    #content_concept a.reponse:hover, #content_concept a.reponse:focus, #content_concept a.participe:hover, #content_concept a.participe:focus { background-position:bottom;}



/*ACTUALITE*/
#content_actu_emploi {
    width:360px;
    height:560px;
    float:left;
    margin-top:35px;
    padding-top:5px;
}
    #content_actu_emploi h2 {
        color:#404b51;
        font-size:1.25em;
    }
    #content_actu_emploi h4 {
        color:#717171;
        font-style:italic;
        font-size:.75em;
        margin:15px 0 8px 0;
    }
    #content_actu_emploi a.derniere {
        display:block;
        width:196px;
        color:#404b51;
        font-size:.75em;
        line-height:1.3em;
        margin-bottom:10px;
    }
    #content_actu_emploi a.derniere:hover, #content_actu_emploi a.derniere:focus {
        color:#21a2d1;
        text-decoration:none;
    }
    #content_actu_emploi a.all {
        color:#404b51;
        font-size:.75em;
        text-decoration:none;
        font-weight:bold;
        padding-left:180px;
    }
    #content_actu_emploi a.all:hover, #content_actu_emploi a.all:focus {color:#21a2d1;}
    
.actu_concept {
    width:360px;
    color:#404b51;
    margin-top:25px;
}
    .actu_concept img {
        float:left;
        margin:2px 20px 5px 0;
    }
    .actu_concept p.acualite, .actu_concept p.suite {
        font-size:.75em;
        text-align:justify;
        line-height:1.3em;
        margin-bottom:0;
    }
    .actu_concept p.suite {
        text-align:right;
        margin-top:0;
    }
    .actu_concept p.suite a {
        color:#404b51;
        text-decoration:none;
        font-weight:bold;
    }
    .actu_concept p.suite a:hover, .actu_concept p.suite a:focus {color:#21a2d1;}
    
    
    
/******************************************************************************************************************************************************/
 /*PAGE TEMOIGNAGES*/
 h2.temoin {
    color:#404b51;
    font-size:1.25em;
    width:975px;
    height:25px;
    margin:40px 0 0 50px;
    background:transparent url('../interface/temoignage/h2_temoin.gif') right top no-repeat;
    padding-top:3px;
 }
 
 .info_temoin {
    width:465px;
    height:52px;
    float:left;
    font-size:.75em;
    color:#404b51;
    margin-top:15px;
    position:relative;
 }
    .info_temoin p {
        line-height:1.4em;
        margin:0;
    }
    .info_temoin a {
        display:block;
        width:98px;
        height:28px;
        text-indent:-50000px;
        background:transparent url('../interface/temoignage/bt_temoin.png') left top no-repeat;
        position:absolute;
        right:0;
        bottom:0;
    }
    .info_temoin a:hover,  .info_temoin a:focus {background-position:bottom;}
    
    .info_temoin img {float:left;}
    .info_temoin p.zone_couleur {
        width:100px;
        float:left;
        margin:0 10px;
    }
    
/*Les temoignages*/
.content_temoin {
    width:465px;
    float:left;
    margin-top:35px;
    color:#404b51;
}
    .content_temoin .txt_temoin {
        width:465px;
        margin-bottom:25px;
        position:relative;
        padding:14px 0 30px 0;
    }
    
    .temoin_bleu { background-color:#d1e9f2;}
    .temoin_violet { background-color:#e5e1e1;}
    .temoin_vert { background-color:#d4efd6;}
    .content_temoin .txt_temoin .txt_temoin_2{
        width:415px;
        margin:0 auto;
    }
    .content_temoin .txt_temoin h3 {
        font-size:.75em;
        font-weight:bold;
    }
   
    .content_temoin .txt_temoin p {
        line-height:1.4em;
        font-size:.75em;
        margin:0;
        text-align:justify;
    }
    .content_temoin .txt_temoin a {
        font-weight:bold;
        text-decoration:none;
        color:#404b51;
    }
    .content_temoin .txt_temoin a:hover, .content_temoin .txt_temoin a:focus {color:#21a2d1;}

/*Pagination*/
p.pagination {
    margin-left:205px;
    text-align:right;
    font-size:.75em;
}
    p.pagination a{
        color:#404b51;
        text-decoration:none;
    }
    p.pagination a:hover, p.pagination a:focus {color:#21a2d1;}
    p.pagination span{
        color:#21a2d1;
        font-weight:bold;
    }
    
/*Popup temoignage*/
#centre_popup {
	margin:0 auto 0 auto;
	width:530px;
	text-align:left;
	color:#404b51;
   background-color:#FFF;
}
    #centre_popup h1{
        width:530px;
        height:99px;
        background:transparent url('../interface/temoignage/titre_popup.jpg') left top no-repeat;
        text-indent:-50000px;
        margin:0;
    }
    #centre_popup h1.popupactu { background:transparent url('../interface/titre_popupactu.jpg') left top no-repeat;}
    #centre_popup h1.popupolozim { background:transparent url('../interface/titre_popupolozim.jpg') left top no-repeat;}
    
    .content_popup {
        overflow-y:auto;
        overflow-x:hidden;
        width:440px;
        height:190px;
        padding:30px 45px 0 45px;
    }
    .content_popup h2 {
        font-size:.75em;
        font-weight:bold;
    }
   
    .content_popup p {
        line-height:1.4em;
        font-size:.75em;
        margin:0;
        text-align:justify;
    }
    

/******************************************************************************************************************************************************/
 /*PAGE QUI SOMMES NOUS ?*/
 h2.qui_sommes {
    color:#404b51;
    font-size:1.25em;
    width:975px;
    height:25px;
    margin:40px 0 0 50px;
    background:transparent url('../interface/qui_sommes/h2_qui_sommes.gif') right top no-repeat;
    padding-top:3px;
 }
 p.txt_qui_sommes {
    margin:17px 0 0 50px;
    font-size:.75em;
    color:#404b51;
    line-height:1.4em;
 }
 
 .content_qui_sommes {
    width:460px;
    float:left;
    margin-top:35px;
 }
    .content_qui_sommes h3 {
        font-size:.75em;
        font-weight:bold;
    }
    .content_qui_sommes h3 a{
        color:#404b51;
        text-decoration:none;
    }
    .content_qui_sommes h3 a:hover, .content_qui_sommes h3 a:focus { color:#21a2d1;}
    .content_qui_sommes p {
        font-size:.75em;
        color:#404b51;
        line-height:1.4em;
        text-align:justify;
        margin:0 0 15px 0;
    }
    .content_qui_sommes img {
        margin:10px 10px 0 0;
        float:left;
    }
/******************************************************************************************************************************************************/
/*PAGE CONTACT*/
 
 #content_contact {
    width:502px;
    margin:40px auto 0 auto;
    color:#404b51;
 }
    #content_contact h2 {
        font-size:1.25em;
        width:502px;
        height:25px;
        margin-top:0;
        background:transparent url('../interface/contact/h2_contact.gif') right top no-repeat;
        padding-top:3px;    
    }
    #content_contact p.note_contact {
        line-height:1.4em;
        text-align:justify;
        font-size:.75em;
    }
    #content_contact p.note_contact span {
        color:#c62323;
        font-style:italic;
        padding:10px 0 0 175px;
        font-size:.9em;
    }
    
    /*Formulaire*/   
    #content_contact form {
        width:462px;
        background:transparent url('../interface/contact/middle_form.gif') left top repeat-y;
        position:relative;
        padding:15px 20px 12px 20px;
    }
    #content_contact form p { margin:10px 0;}
    #content_contact form label {
        display:block;
        color:#7a8388;
        font-weight:bold;
        font-size:.8em;
    }
    #content_contact form label span {color:#ca3232;}
    #content_contact form input[type=text], #content_contact form select {
        height:17px;
        background:transparent url('../interface/contact/fond_input.png') left top repeat-x;
        border:1px solid #C9C9C9;
        color:#404b51;
        width:295px;
        font-size:.8em;
        padding-left:2px;
    }
    #content_contact form input[type=text]:hover, #content_contact form input[type=text]:focus, #content_contact form textarea:hover, #content_contact form textarea:focus {border:1px solid #21a2d1;}
    #content_contact form select {
        height:22px;
        font-style:italic;
    }
    #content_contact form select option { font-style:normal;}
    #content_contact form textarea {
        height:130px;
        background:transparent url('../interface/contact/fond_input.png') left top repeat-x;
        border:1px solid #C9C9C9;
        color:#404b51;
        width:455px;
        padding:2px;
    }
    #content_contact input[type=submit] {
		  cursor:pointer;
		  display:block;
		  width:180px;
		  height:51px;
		  color:#FFF;
		  text-align:center;
		  background:transparent url('../interface/contact/input.png') left top no-repeat;
		  border:none;
        font-weight:bold;
        font-size:1.8em;
        margin-left:295px;
	 }
	 #content_contact input[type=submit]:hover, #content_contact input[type=submit]:focus{background-position:bottom;}
    
/******************************************************************************************************************************************************/
/*PAGE PRESSE*/
h2.presse {
    color:#404b51;
    font-size:1.25em;
    width:975px;
    height:25px;
    margin:40px 0 0 50px;
    background:transparent url('../interface/presse/h2_presse.gif') right top no-repeat;
    padding-top:3px;
 }
 p.note_presse {
    font-size:.75em;
    color:#404b51;
    line-height:1.4em;
    margin:5px 0 0 50px;
 }
 #content_presse {
    width:936px;
    margin:45px 0 0 89px;
 }
    #content_presse .zone_presse {
        width:206px;
        background:transparent url('../interface/presse/middle_presse.gif') left top repeat-y;
        position:relative;
        float:left;
        margin:0 8px 8px 0;
        padding:40px 10px 12px 10px;
        color:#4d443b;
    }
    .zone_presse h3 {
        width:218px;
        height:23px;
        position:absolute;
        top:4px;
        left:4px;
        z-index:50;
		background:transparent url('../interface/presse/h3_presse.png') left top no-repeat;
		text-align:center;
		color:#037fb5;
		font-size:.85em;
		padding-top:5px;
    }
    .zone_presse img {
        float:left;
        margin-right:10px;
    }
    .zone_presse h4 { font-size:.75em;}
    .zone_presse p {
        font-size:.75em;
        line-height:1.4em;
        text-align:justify;
        margin:10px 0;
    }
    .zone_presse a {
        display:block;
        width:55px;
        height:17px;
        text-indent:-50000px;
        background:transparent url('../interface/presse/bt_voir.png') left top no-repeat;
        margin:30px 0 0 150px;
    }
    .zone_presse a:hover, .zone_presse a:focus { background-position:bottom;}
 
 /*pagination presse*/
 p.pagi_presse {
    text-align:right;
    margin:0 10px 0 0;
    font-size:.75em;
}
    p.pagi_presse a {color:#000;}
    p.pagi_presse a:hover,  p.pagi_presse a:focus {
        text-decoration:none;
        color:#21a2d1;
    }
 
 /******************************************************************************************************************************************************/
 /*PAGE ASSOCIATION*/
 h2.associa {
    color:#404b51;
    font-size:1.25em;
    width:975px;
    height:25px;
    margin:40px 0 0 50px;
    background:transparent url('../interface/association/h2_asso.gif') right top no-repeat;
    padding-top:3px;
 }
 
 #content_association {
    width:580px;
    float:left;
    margin:10px 10px 0 50px;
 }
 .rubrik {
    width:280px;
    float:left;
    margin:5px 10px 10px 0;
    color:#404b51;
 }
 
 .rubrik_inscription {
    width:150px;
    float:left;
    position:relative;
    padding:5px 18px 10px 18px;
    color:#404b51;
    font-size:70%;
 }
 
 .rubrik_inscription .cadre {
        position:absolute;
        top:5px;
        left:24px;
        width:150px;
        height:150px;
        z-index:80;
        background:transparent url('../interface/association/cadre2.png') left top no-repeat;
    }
      
    .rubrik h3 {color:#037fb5;}
    
    .rubrik .rubrik_2 {
        width:264px;
        position:relative;
        background:transparent url('../interface/association/middle_association.gif') left top repeat-y;
        height:340px;
        margin-top:10px;
        padding:15px 8px 10px 8px;
    }
    
    .rubrik_2 .cadre {
        position:absolute;
        top:5px;
        left:7px;
        width:150px;
        height:150px;
        z-index:80;
        background:transparent url('../interface/association/cadre.png') left top no-repeat;
    }
    
    .rubrik_2 a.link_image {
        position:absolute;
        width:140px;
        height:130px;
        z-index:50;
    }
    
    .rubrik_2 img.img_asso {
        position:absolute;
        top:5px;
        left:7px;
        z-index:50;
    }
    .rubrik_2 p.soutien, .rubrik_2 p.credits {
       width:118px;
       height:25px;
       margin:0 0 10px 141px;
       color:#FFF;
       font-size:.70em;
       text-align:right;
       font-weight:bold;
       padding:10px 5px 0 0;
    }
    .rubrik_2 p.soutien { background:transparent url('../interface/association/soutiens.png') left top no-repeat;}
    .rubrik_2 p.credits {background:transparent url('../interface/association/credits.png') left top no-repeat;}
    .rubrik_2 iframe {
        height:21px;
        margin-top:50px;
    }
    .rubrik_2 h4, .rubrik_2 h5 {
       font-weight:bold;
       font-size:.75em;
       margin:5px 15px 0 15px;
    }
    .rubrik_2 h5 { margin-top:12px;}
    .rubrik_2 p{
        font-size:.75em;
        line-height:1.3em;
        text-align:justify;
        width:234px;
        height:86px;
        overflow:hidden;
        margin:0 15px 10px 15px;
    }
    .rubrik_2 a.plus {
        display:block;
        width:148px;
        height:28px;
        text-indent:-500000px;
        background:transparent url('../interface/association/bt_rubrik.png') left top no-repeat;
        margin-left:116px;
    }
    .rubrik_2 a.plus:hover, .rubrik_2 a.plus:focus { background-position:bottom;}
 
 /*actualites*/
 #content_actualite {
    width:360px;
    float:left;
    margin-top:15px;
 }
    #content_actualite h3 {color:#037fb5;}
    #content_actualite #rubrik_asso {
        width:360px;
        position:relative;
        background:transparent url('../interface/association/middle_actu-asso.gif') left top repeat-y;
        padding:10px 0;
        margin-top:10px;
    }
 
    #rubrik_asso .zone_assotxt {
         width:340px;
         margin:0 auto 30px auto;
    }
    .zone_assotxt img {
        float:left;
        margin:0 20px 5px 0;
    }
 
    .zone_assotxt p.txt_association {
        float:left;
        width:240px;
        font-size:.75em;
        text-align:justify;
        line-height:1.3em;
        margin:0;
    }
    .zone_assotxt p.suite_asso {
        text-align:right;
        margin-top:0;
        font-size:.75em;
    }
    .zone_assotxt p.suite_asso a {
        color:#404b51;
        text-decoration:none;
        font-weight:bold;
    }
    .zone_assotxt p.suite_asso a:hover, .zone_assotxt p.suite_asso a:focus {color:#21a2d1;}
    
#rubrik_asso h4 {
    color:#717171;
    font-style:italic;
    font-size:.75em;
    margin:0 0 8px 10px;
}
#rubrik_asso a.derniere_asso {
    display:block;
    width:196px;
    color:#404b51;
    font-size:.75em;
    line-height:1.3em;
    margin:0 0 10px 10px;
}
#rubrik_asso a.derniere_asso:hover, #rubrik_asso a.derniere_asso:focus {
    color:#21a2d1;
    text-decoration:none;
}
#rubrik_asso a.all_asso {
    color:#404b51;
    font-size:.75em;
    text-decoration:none;
    font-weight:bold;
    padding-left:215px;
}
#rubrik_asso a.all_asso:hover, #rubrik_asso a.all_asso:focus {color:#21a2d1;}


/************/
/*Association profil*/
h2.profil {
    color:#404b51;
    font-size:1.25em;
    width:975px;
    height:25px;
    margin:40px 0 0 50px;
    background:transparent url('../interface/association/h2_profil.gif') right top no-repeat;
    padding-top:3px;
 }
#content_profil  {
    width:915px;
    position:relative;
    margin:30px 0 0 50px;
    padding:20px 30px 60px 30px;
    background:transparent url('../interface/association/middle_profil.gif') left top repeat-y;
}
    #content_profil hr {
        clear:both;
        margin:0;
        padding:0;
        visibility:hidden;
    }

#zone_gaucheasso {
    width:200px;
    float:left;
    position:relative;
    margin-right:40px;
}
    #zone_gaucheasso .cadreprofil {
        position:absolute;
        top:0;
        left:0;
        width:200px;
        height:200px;
        background:transparent url('../interface/association/cadre_profil.png') left top no-repeat;
    }
    #zone_gaucheasso a{
        display:block;
        width:141px;
        height:22px;
        text-indent:-50000px;
        background:transparent url('../interface/association/bt_profil.png') left top no-repeat;
        margin:10px auto 35px auto;
    }
    #zone_gaucheasso a:hover,  #zone_gaucheasso a:focus { background-position:bottom;}
    
    #zone_gaucheasso h3 {
        color:#046fa2;
        font-size:1.3em;
        font-weight:normal;
    }
#zone_droiteasso {
    width:665px;
    float:left;
    margin-top:20px;
    position:relative;
}
    #zone_droiteasso h3 {
        color:#046fa2;
        font-size:1.3em;
        font-weight:normal;
        margin-top:15px;
    }
    #zone_droiteasso p.soutien_profil, #zone_droiteasso p.credits_profil {
       width:153px;
       height:32px;
       margin:0 0 10px 141px;
       color:#FFF;
       font-size:.75em;
       text-align:right;
       font-weight:bold;
       padding:10px 10px 0 0;
       position:absolute;
       top:0;
    }
    #zone_droiteasso p.soutien_profil {
        background:transparent url('../interface/association/soutiens_profil.png') left top no-repeat;
        right:190px;
    }
    #zone_droiteasso p.credits_profil {
        background:transparent url('../interface/association/credits_profil.png') left top no-repeat;
        right:10px;
    }
    #zone_droiteasso iframe {
        height:21px;
        margin:10px 0 30px 0;
    }
    #zone_droiteasso h4 {
        color:#046fa2;
        font-size:1.05em;
        margin-top:15px;
        font-weight:normal;
    }
    #zone_droiteasso p.txt_profil{
        font-size:.75em;
        color:#404b51;
        line-height:1.4em;
        margin:0 0 15px 0;
        text-align:justify;
    }
a.retour {
    display:block;
    width:193px;
    height:28px;
    text-indent:-50000px;
    background:transparent url('../interface/association/bt_retour.png') left top no-repeat;
    margin:5px 0 0 832px;
}
    a.retour:hover, a.retour:focus { background-position:bottom;}
    
    
/******************************************************************************************************************************************************/
/*PAGE ACTUALITE*/
 p.note_actu {
    font-size:.75em;
    color:#404b51;
    line-height:1.4em;
    margin:5px 0 0 50px;
 }
 
 /*actualites*/
 #content_total {
    width:640px;
    margin:25px 70px 0 50px;
    float:left;
 }
 .content_actuoloz {
    width:620px;
    margin-left:20px;
 }
    .content_actuoloz img {
        float:left;
        border:1px solid #ddd;
        margin:0 10px 10px 0;
    }
    .content_actuoloz  p {
        font-size:.75em;
        color:#000;
        line-height:1.4em;
        margin:0 0 10px 0;
        text-align:justify;
    }
    .content_actuoloz  p span.ecart {
        color:#000;
        padding:0 8px;
    }
    .content_actuoloz  p span.titre {
        font-size:1.2em;
        color:#ff8c43;
        font-weight:bold;
    }
    .content_actuoloz  p span.ecart_2 {padding-left:30px;}
    
    .content_actuoloz iframe {
        height:21px;
        margin:0 0 5px 0;
    }
    .content_actuoloz a {
        color:#31adda;
        text-decoration:none;
        border-bottom:1px solid #31adda;
    }
    .content_actuoloz a:hover, .content_actuoloz a:focus {
        color:#1881a7;
        border-bottom:0;
    }
    
 p.actuoloz {
    width:640px;
    height:1px;
    background-color:#dbdbdb;
    margin:35px 0 45px 0;
 }
 
 /*mots cles etc...*/
 #content_mots {
    width:205px;
    background-color:#e8f6fb;
    color:#1881a7;
    position:relative;
    float:left;
    margin:35px 20px 0 0;
    padding:30px 20px;
 }
    #content_mots h3 {color:#0891c4;}
    #content_mots p.exerg {
        font-size:1em;
        text-align:justify;
    }
    #content_mots p.exerg span {
        font-size:1.1em;
        font-weight:bold;
    }
    #content_mots ul {
        margin:15px 0;
        font-size:.75em;
        font-weight:bold;
        line-height:1.45em;
    }
    #content_mots ul a {
        color:#1881a7;
        font-weight:bold;
        text-decoration:none;
    }
    #content_mots ul a:hover, #content_mots ul a:focus {color:#21a2d1;}
    
/******************************************************************************************************************************************************/
/*PAGE QUESTION*/
h2.question {
    color:#404b51;
    font-size:1.25em;
    width:975px;
    height:25px;
    margin:40px 0 0 50px;
    padding-top:3px;
}

/*Reponse*/
#content_reponse {
    width:490px;
    position:relative;
    background-color:#ecf9fd;
    float:left;
    color:#404b51;
    padding:40px 40px 60px 40px;
    margin:25px 30px 0 50px;
}
    #content_reponse h3{
        color:#1fa9d9;
        font-size:1.1em;
        margin-bottom:25px;
    }
    
    #content_reponse h4 { font-size:.9em;}
    #content_reponse p{
        font-size:.75em;
        line-height:1.4em;
        text-align:justify;
    }
    #content_reponse p span { padding-left:35px;}


/*Faq*/
#content_faq {
    width:375px;
    float:left;
    color:#404b51;
    margin-top:25px;
}
    #content_faq h3 {font-size:.95em;}
    #content_faq h3 a{
        color:#1fa9d9;
        text-decoration:none;
        border-bottom:1px solid #1fa9d9;
    }
    #content_faq h3 a:hover, #content_faq h3 a:focus, #content_faq h3 a.actif_faq:hover, #content_faq h3 a.actif_faq:focus {
        border-bottom:0;
        color:#006EA3;
    }
    #content_faq h3 a.actif_faq {
        color:#ffa143;
        border-bottom:1px solid #ffa143;
    }
    #content_faq ul {
        font-size:.75em;
        line-height:1.4em;
        margin-bottom:12px;
    }
    
    
/******************************************************************************************************************************************************/
/*PAGE INSCRIPTION*/
h2.inscription {
    color:#404b51;
    font-size:1.25em;
    width:975px;
    height:25px;
    margin:40px 0 0 50px;
    background:transparent url('../interface/inscription/h2_inscription.gif') right top no-repeat;
    padding-top:3px;
 }
 
h2.inscription_2 {
    color:#404b51;
    font-size:1.25em;
    width:975px;
    height:25px;
    margin:10px 0 0 5px;
    background:transparent url('../interface/inscription/h2_inscription.gif') right top no-repeat;
    padding-top:3px;
 }
 
h2.inscription_3 {
    color:#404b51;
    font-size:1.25em;
    width:975px;
    height:25px;
    margin:10px 0 0 5px;
    background:transparent url('../interface/inscription/h2_inscription3.gif') right top no-repeat;
    padding-top:3px;
 }
 /*infos*/
 #content_infoinscription {
    width:200px;
    float:left;
    margin:15px 30px 0 55px;
    color:#404b51;
 }
 
 .zone_infosinscript {
    width:180px;
    height:90px;
    margin-bottom:25px;
    padding:10px;
 }
    .zone_orange { background:transparent url('../interface/inscription/zone_orange.png') left top no-repeat;}
    .zone_verte { background:transparent url('../interface/inscription/zone_verte.png') left top no-repeat;}
    .zone_infosinscript h3.orange, .zone_infosinscript h3.verte{
        font-size:.9em;
        line-height:1.2em;
        padding:2px 0 5px 30px;
    }
    .zone_infosinscript h3.orange {
        background:transparent url('../interface/inscription/puce_orange.png') left top no-repeat;
        color:#fa801d;
    }
    .zone_infosinscript h3.verte {
        background:transparent url('../interface/inscription/puce_verte.png') left top no-repeat;
        color:#75b903;
    }
    .zone_infosinscript p {
        font-size:.75em;
        line-height:1.3em;
        text-align:justify;
        margin:0 0 0 30px;
    }
    .zone_infosinscript p a {color:#fa801d;}
    .zone_infosinscript p a:hover, .zone_infosinscript p a:focus {
        text-decoration:none;
        color:#21a2d1;
    }
 
 /*Formulaire*/
 #content_form {
    width:500px;
    float:left;
 }
 
 p.obligation {
    font-size:.75em;
    font-style:italic;
    color:#c62323;
 }

 p.obligation2 {
    font-size:.85em;
    font-style:italic;
    color:#006600;
    font-weight:bold;
 }
 
 #content_form form {
    width:460px;
    position:relative;
    padding:30px 20px 15px 20px;
    background:transparent url('../interface/inscription/middle_form.gif') left top repeat-y;
    color:#767b7e;
    margin-bottom:40px;
 }
    #content_form form p {margin:0 0 8px 0;}
    #content_form form label, #content_form p.idem_label {
        font-weight:bold;
        font-size:.8em;
        color:#959ca0;
        display:block;
        margin-bottom:3px;
    }
    #content_form form label span, #content_form p.idem_label span { color:#c62323;}
    #content_form form label.exit { display:none;}
    
    #content_form form input[type=text], #content_form form select {
        height:17px;
        background:transparent url('../interface/contact/fond_input.png') left top repeat-x;
        border:1px solid #C9C9C9;
        color:#404b51;
        width:285px;
        font-size:.75em;
        padding-left:5px;
    }
    #content_form form input[type=text]:hover, #content_form form input[type=text]:focus, #content_form form input[type=text].taille_2:hover, #content_form form input[type=text].taille_2:focus,
    #content_form form select:hover, #content_form form select:focus {border:1px solid #21a2d1;}
    #content_form form select {
        height:21px;
        padding-top:2px;
        width:293px;
    }
    #content_form form select option { padding-left:8px;}
    
    #content_form form p.civilite { margin-bottom:35px;}
    #content_form form p.civilite label, #content_form form input[type=radio] {float:left; }
    #content_form form p.civilite label { margin-right:20px;}
    #content_form form input[type=radio] { margin-left:0;}
    
    #content_form form input[type=text].taille_2 {
        height:17px;
        background:transparent url('../interface/contact/fond_input.png') left top repeat-x;
        border:1px solid #C9C9C9;
        color:#404b51;
        width:137px;
        font-size:.75em;
        padding-left:5px;
        margin:0 16px 10px 0;
    }
    #content_form p.condition_inscription {
        line-height:1.1em;
        color:#000;
        font-size:.75em;
    }
    #content_form p.condition_inscription a {color:#000;}
    #content_form p.condition_inscription a:hover, #content_form p.condition_inscription a:focus {
        text-decoration:none;
        color:#21a2d1;
    }
    p.link_retour a {color:#000;font-size:.75em;}
    p.link_retour a:hover, link_retour a:focus {
        text-decoration:none;
        color:#21a2d1;
    }
    #content_form input[type=submit] {
		  cursor:pointer;
		  display:block;
		  width:180px;
		  height:51px;
		  color:#FFF;
		  text-align:center;
		  background:transparent url('../interface/contact/input.png') left top no-repeat;
		  border:none;
        font-weight:bold;
        font-size:1.8em;
        position:absolute;
        bottom:8px;
        right:10px;
        z-index:50;
	 }
	 #content_form input[type=submit]:hover, #content_form input[type=submit]:focus{background-position:bottom;}
 
 .email_error {
    color:#7a8388;
    width:185px;
    height:30px;
    position:absolute;
    top:25px;
    right:0;
 }
    .email_error p {
        line-height:1.2em;
        font-size:.6em;
        float:left;
        width:150px;
        padding-top:5px;
    }
    .email_error a {
        display:block;
        float:left;
        width:27px;
        height:30px;
        text-indent:-50000px;
        background:transparent url('../interface/inscription/bt_error.png') left top no-repeat;
    }
    .email_error a:hover, .email_error a:focus {background-position:bottom;}
 
 
 /******************************************************************************************************************************************************/
 /*PAGE CGU*/
 #content_cgu {
    width:975px;
    margin:20px 0 0 50px;
    color:#404b51;
 }
    #content_cgu h3 {
        color:#1fa9d9;
        font-size:.85em;
        margin:10px 0;
    }
    #content_cgu h3.ecart_nul { margin-bottom:0;}
    
    #content_cgu p {
        font-size:.75em;
        line-height:1.4em;
        text-align:justify;
        text-indent:35px;
        margin:0;
    }
    #content_cgu p.initial { text-indent:0;}
    #content_cgu h4 {
        font-size:.75em;
        font-weight:bold;
        font-style:italic;
        margin:0 0 0 35px;
    }
    #content_cgu h4.decal { margin-top:10px;}
    #content_cgu ul {
        font-size:.75em;
        line-height:1.4em;
        text-align:justify;
        margin:10px 0;
    }
 
/* INSCRIPTION */

h2.inscription2 {
    font-family: Arial;
    color:#404b51;
    font-size:1.25em;
    width:975px;
    height:25px;
    margin:40px 0 0 50px;
    background:transparent url('../interface/inscription/h2_inscription2.gif') right top no-repeat;
    padding-top:3px;
}

.bleu_gras{
    color:#1fa9d9;
    font-weight:bold;
}

.red{
    color:red;
    }
     
#content_inscription_txt {
    width:972px;
    background:transparent url('../interface/inscription/middle_inscription.jpg') left top repeat-y;
    position:relative;
    margin-top:25px;
    margin-left:50px;
    padding-top:16px;
}
 
#inscription_txt {
    width:952px;
    background:transparent url('../interface/inscription/middle_insc.jpg') left top repeat-y;
    margin:0 auto;
    /*padding-bottom:15px;*/
} 

#inscription_txt h2{
  color:#1fa9d9;
} 

#inscription_txt2 {
    width:952px;
    margin:0 auto;
    padding-left: 10px;
}

/* */

#content_inscription_txtb {
    width:614px;
    background:transparent url('../interface/inscription/middle_2.jpg') left top repeat-y;
    position:relative;
    margin-top:5px;
    margin-right:auto;
    margin-left:auto;
    padding-top:16px;
}
 
#inscription_txtb {
    width:595px;
    background:transparent url('../interface/inscription/middle_3.jpg') left top repeat-y;
    margin:0 auto;
    /*padding-bottom:15px;*/
} 

#inscription_txtb h2{
  color:#1fa9d9;
} 

#inscription_txtb2 {
    width:952px;
    margin:0 auto;
    padding-left: 10px;
}    

#inscription_txtb2 table{
  width:580px;
  text-align:center;
  color: #404b51;
  
}

.input_insc{
  margin-bottom:55px;
  margin-left:-15px;
 } 
 

 #inscription_form  {
    position:relative;
    padding:20px 0 15px 20px;
    color:#767b7e;
    margin-bottom:40px;
 }
    #inscription_form  p {margin:0 0 8px 0;}
    #inscription_form  label, #inscription_form p.idem_label {
        font-weight:bold;
        font-size:.8em;
        color:#959ca0;
        display:block;
        margin-bottom:3px;
    }
    #inscription_form label span, #inscription_form p.idem_label span { color:#c62323;}
    #inscription_form label.exit { display:none;}
    
    #inscription_form input[type=text], #inscription_form select {
        height:17px;
        background:transparent url('../interface/contact/fond_input.png') left top repeat-x;
        border:1px solid #C9C9C9;
        color:#404b51;
        width:285px;
        font-size:.75em;
        padding-left:5px;
    }
    #inscription_form input[type=text]:hover, #inscription_form input[type=text]:focus, #inscription_form input[type=text].taille_2:hover, #inscription_form input[type=text].taille_2:focus,
    #inscription_form select:hover, #inscription_form select:focus {border:1px solid #21a2d1;}
    #inscription_form select {
        height:21px;
        padding-top:2px;
        width:293px;
    }
    #inscription_form select option { padding-left:8px;}
    
    #inscription_form p.civilite { margin-bottom:35px;}
    #inscription_form p.civilite label, #inscription_form input[type=radio] {float:left; }
    #inscription_form p.civilite label { margin-right:20px;}
    #inscription_form input[type=radio] { margin-left:0;}
    
    #inscription_form input[type=text].taille_2 {
        height:17px;
        background:transparent url('../interface/contact/fond_input.png') left top repeat-x;
        border:1px solid #C9C9C9;
        color:#404b51;
        width:137px;
        font-size:.75em;
        padding-left:5px;
        margin:0 16px 10px 0;
    }
    #inscription_form p.condition_inscription {
        line-height:1.1em;
        color:#000;
        font-size:.75em;
    }
    #inscription_form p.condition_inscription a {color:#000;}
    #inscription_form p.condition_inscription a:hover, #inscription_form p.condition_inscription a:focus {
        text-decoration:none;
        color:#21a2d1;
    }

    #inscription_form input[type=submit] {
		  cursor:pointer;
		  display:block;
		  width:313px;
		  height:52px;
		  color:#FFF;
		  text-align:center;
		  background:transparent url('../interface/inscription/bt_insc.jpg') left top no-repeat;
		  border:none;
      font-weight:bold;
      font-size:1.8em;
      position:absolute;
      bottom:8px;
      right:10px;
      z-index:50;
	 }
	   
#fond_insc{
  position:relative;
  width:315px;
  height:122px;
  color:#404B51;
  font-size: 8pt;
  text-align:justify;
  float:left;
  margin-left:98px;
  background:transparent url('../interface/inscription/fond_texte.jpg') left top no-repeat;
} 

#fond_insc h2{
  padding: 8px 10px 0 10px;
}  
#fond_insc p{
  padding: 0px 10px 15px 10px;
} 

#inscription_etape{
  position:relative;
  padding:10px 0 15px 20px;
  margin-bottom: 20px;
}

#inscription_etape h2{
  color: #77AD1B;
  text-align:center;
  font-size:90%;
}

#inscription_etape table{
  width: 80%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  color: #404b51;
  margin-top:15px;
}

#inscription_etape p{
  color: #404b51;
  text-align:center;
}
#inscription_etape input[type=submit] {
		  cursor:pointer;
		  display:block;
		  width:180px;
		  height:51px;
		  color:#FFF;
		  text-align:center;
		  margin-left:auto;
		  margin-right:auto;
		  background:transparent url('../interface/contact/input.png') left top no-repeat;
		  border:none;
      font-weight:bold;
      font-size:1.8em;
      z-index:50;
	 }
	 #inscription_etape input[type=submit]:hover, #inscription_etape input[type=submit]:focus{background-position:bottom;}
	 

/* DESABONNEMENT */

h2.desabonnement {
    font-family: Arial;
    color:#404b51;
    font-size:1.25em;
    width:620px;
    height:25px;
    margin:20px 0 0 190px;
    background:transparent url('../interface/inscription/h2_inscription4.gif') right top no-repeat;
    padding-top:3px;
}

.bleu_gras{
    color:#1fa9d9;
    font-weight:bold;
}

.red{
    color:red;
    }
     
#content_desabonnement {
    width:620px;
    background:transparent url('../interface/desabonnement/middle_1.jpg') left top repeat-y;
    position:relative;
    margin-top:15px;
    margin-left:190px;
    padding-top:16px;
    padding-bottom:18px;
}

#content_desabonnement h2.ta{
  color:#404b51;
  margin-left: 10px;
  margin-bottom:10px;
}

#content_desabonnement h2.tb{
  color:#1fa9d9;
  margin-left: 10px;
  margin-bottom:10px;
}
 
#desabonnement_txt {
    width:600px;
    background:transparent url('../interface/desabonnement/middle_2.jpg') left top repeat-y;
    margin:0 auto;
    /*padding-bottom:15px;*/
} 

#desabonnement_txt h2{
  color:#1fa9d9;
} 

#desabonnement_txt2 {
    width:600px;
    margin:0 auto;
    padding-left: 30px;
}

#desabonnement_etape p{
  color: #404b51;
  text-align:center;
}

#desabonnement_etape input[type=submit] {
		  cursor:pointer;
		  display:block;
		  width:180px;
		  height:51px;
		  color:#FFF;
		  text-align:center;
		  margin-left:auto;
		  margin-right:auto;
		  background:transparent url('../interface/contact/input.png') left top no-repeat;
		  border:none;
      font-weight:bold;
      font-size:1.8em;
      z-index:50;
	 }
	 
#desabonnement_etape input[type=submit]:hover, #desabonnement_etape input[type=submit]:focus{background-position:bottom;}

#bt_desabonnement input[type=submit] {
		  cursor:pointer;
		  display:block;
		  width:315px;
		  height:51px;
		  color:#FFF;
		  background:transparent url('../interface/desabonnement/desabo.jpg') left top no-repeat;
		  border:none;
      font-weight:bold;
      font-size:1.8em;
      z-index:50;
      float:right;
      margin-right: 15px;
	 }
	 
#cadre_asso{
  position:relative;
  display:block;
  width:269px;
  height:177px;
  font-size: 8pt;
  text-align:justify;
  float:left;
  margin-left: 10px;
  background:transparent url('../interface/desabonnement/cadre_asso.jpg') left top no-repeat;
}

#cadre_asso img{
  width:170px;
  margin: 2px 0 0 38px;
} 

#fond_insc2{
  position:relative;
  width:315px;
  height:122px;
  color:#404B51;
  font-size: 8pt;
  text-align:justify;
  float:right;
  margin-right: 15px;
  margin-bottom:3px;
  background:transparent url('../interface/inscription/fond_texte.jpg') left top no-repeat;
} 

#fond_insc2 h2{
  margin:0;
  padding: 8px 10px 0 10px;
  color:#404b51;
}
  
#fond_insc2 p{
  margin:0;
  padding: 0px 10px 0 10px;
}