* {padding:0; margin:0; background-repeat:no-repeat;}
ul {list-style:none;}
a {text-decoration:none; color:#F00;}
a:hover {text-decoration:underline;}
a img {border:0;}
body {background-image:url(images/background.png); background-position:top; background-repeat:repeat-x; background-color:#008FCB; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#535353;}
.center{text-align:center;}
.clear{clear:both;}
b, strong{color:#ff0066;}

#cadre {width:920px; margin:0 auto;}
#index-en #header, 
#activites-proposees-en #header, 
#stage-en-immersion-en #header, 
#temoignage-en #header, 
#galerie-photos-en #header, 
#ou-nous-trouver-en #header, 
#plan-du-site-en #header, 
#mentions-en #header {background-image:url(images/header_en.png);}
#header {background-image:url(images/header.png); height:472px; width:inherit; float:left; }

#header .langues{float:left;width:100%;text-align:right;margin-top:27px; font-size:12px;}
#header .langues a{color:#4A96CD;}
#header .langues .flag {text-indent:15px;float:right; padding:5px 10px;background-position:left center;}
#header .langues .flag.fr{background-image:url(images/drapeau_fr.png);}
#header .langues .flag.en{background-image:url(images/drapeau_en.png);}

/**** MENU ****/
#menu { width:912px; height:88px; line-height:20px; float:left; font-weight:bold; font-size:16px; margin-top:330px; padding-left:8px;}
#menu ul{ height:inherit;}
#menu ul li{float:left;background-image:url(images/btMenu.png); background-position:center;  line-height:inherit; width:152px; text-align:center;}
#menu ul li a{line-height:inherit; height:20px; width:100px; padding:34px 26px; display:block; color:#4A96CD; text-decoration:none;}
#menu ul li.double a{line-height:inherit; height:40px; width:100px; padding:24px 30px 24px 22px; display:block; color:#4A96CD; text-decoration:none;}
#menu ul li.stage-en-immersion-en a{ width:120px; padding:24px 15px 24px 17px;}
#menu ul li a:hover, #menu ul li.selected a{background-image:url(images/btMenu_over.png);}
/**** FIN MENU ****/



#contenu {width:inherit; text-align:justify; float:left; background-image:url(images/main.png); background-repeat:repeat-y;}
#contenu #col1 {width:360px; float:left;}
#contenu #col2 {width:530px; float:left; margin-top:15px;}

#index-en .bloccontact, 
#activites-proposees-en .bloccontact, 
#stage-en-immersion-en .bloccontact, 
#temoignage-en .bloccontact, 
#galerie-photos-en .bloccontact, 
#ou-nous-trouver-en .bloccontact, 
#plan-du-site-en .bloccontact, 
#mentions-en .bloccontact {background-image:url(images/bloc_contact_en.png);}
.bloccontact {background-image:url(images/bloc_contact.png);height:188px;width:240px; margin:15px 30px;font-weight:bold;font-size:14px;color:#FFF; padding:70px 0 0 60px;line-height:18px;}

#contenu p {margin-bottom:8px;}
#contenu ul{margin-bottom:8px;}
#contenu h1{font-size:20px;margin-bottom:8px;color:#4A96CD;}
#contenu h2{font-size:16px;margin-bottom:8px;color:#4A96CD;}
#contenu h3{font-size:15px;margin-bottom:8px;color:#4A96CD;}
#contenu h4{font-size:14px;margin-bottom:8px;}
#contenu h5{font-size:13px;margin-bottom:8px;}
#contenu h6{font-size:12px;margin-bottom:8px;}
#contenu hr{margin-bottom:8px;}




/**** MOD NEWS ****/
#news {width:300px; margin:15px 30px;}
#news a {}
#news a:hover {}

#index-en #news .top, 
#activites-proposees-en #news .top, 
#stage-en-immersion-en #news .top, 
#temoignage-en #news .top, 
#galerie-photos-en #news .top, 
#ou-nous-trouver-en #news .top, 
#plan-du-site-en #news .top, 
#mentions-en #news .top { background-image:url(images/bloc_actu_top_en.png);}


#news .top { height:72px; line-height:72px; width:100%; font-size:16px; background-image:url(images/bloc_actu_top.png); font-weight:bold; color:#FFF; text-transform:uppercase; text-indent:130px;}
#news .top span{display:none;}
#news .mid {text-align:justify;}
#news .bot { height:33px; width:100%; background-image:url(images/bloc_actu_bot.png);}
#news .bloc {width:140px; padding:0 5px 0 155px;background-image:url(images/bloc_actu_mid2.png); padding-bottom:8px;height:99px;}
#news .bloc.first {background-image:url(images/bloc_actu_mid1.png);height:99px;}
#news .bloc .titre {font-weight:bold;text-transform:uppercase; display:none;}
#news .bloc .date {font-size:11px;line-height:14px;color:#FFF;height:14px;width:60px;padding-top:13px; text-align:center;}
#news .bloc .texte {padding-top:5px;color:#FFF; font-size:11px;}
#index-en #news .bloc .texte a.suite, 
#activites-proposees-en #news .bloc .texte a.suite, 
#stage-en-immersion-en #news .bloc .texte a.suite, 
#temoignage-en #news .bloc .texte a.suite, 
#galerie-photos-en #news .bloc .texte a.suite, 
#ou-nous-trouver-en #news .bloc .texte a.suite, 
#plan-du-site-en #news .bloc .texte a.suite, 
#mentions-en #news .bloc .texte a.suite {background-image:url(images/btLire_la_suite_en.png);}
#news .bloc .texte a.suite{display:block;height:8px;width:100%;padding:3px 0;background-position:right; background-image:url(images/btLire_la_suite.png);}
/**** FIN MOD NEWS ****/


/**** PICTURE FLOW ****/
#pflow{text-align:center; margin-bottom:8px;}
#pflow .titregalerie {display:none;}
/**** FIN PICTURE FLOW ****/


/**** FORMULAIRES ****/
.formulaire{font-size:11px;padding-bottom:5px;}
#contenu .formulaire p{text-indent:0;padding:0 1.25% 8px 1.25%;text-align:left;}
.formulaire p select{text-align:right;}
.formulaire p select option{padding:0 10px;text-align:right;}
.formulaire p label:hover, .formulaire p input {cursor:pointer;}
.formulaire p.normal{width:97.5%;float:left;}
.formulaire p.normal label{text-align:right;float:left;width:24.5%;padding-right:.5%;}
.formulaire p.normal input, .formulaire p.normal textarea {width:74.6% }
.formulaire p.normal select{width:75%;}
.formulaire p.half{width:47.5%;float:left;}
.formulaire p.half.alerte{width:47%;margin: 0 0 8px .1%;}
.formulaire p.full{width:97.5%;float:left;}
.formulaire p.half label, .formulaire p.full label{text-align:left;float:left;width:100%;}
.formulaire p.half input, .formulaire p.half select, .formulaire p.half textarea, .formulaire p.full input, .formulaire p.full select, .formulaire p.full textarea{width:100%;}
.formulaire p.normal .grpradio, .formulaire p.normal .grpchkbox{float:left;width:75%;}
.formulaire p.half .grpradio, .formulaire p.half .grpchkbox{float:left;width:47.5%;}
.formulaire p.full .grpradio, .formulaire p.full .grpchkbox{float:left;width:97.5%;}
.formulaire p input.radio, .formulaire p input.checkbox{width:20px;margin:0;vertical-align:middle;}
#contenu .formulaire p.info{background-position:5px 3px; background-image:url(images/information.png); border:1px solid #69c;height:22px; line-height:22px;text-indent:25px;padding:0;}
.formulaire p.alerte{display: block; margin-bottom:8px; background-position:5px 3px;background-image:url(images/warning.png); border:1px solid #F00;}
.formulaire p.alerte span.messageAlerte{float:left;width:100%;text-indent:20px;color:#F00;height:20px; line-height:20px;}
.formulaire p input.btEnvoyer{clear:both;background-image:url(images/btEnvoyer.png); width:91px; height:26px; border:0; background-color:transparent;}
.formulaire p .legende{margin-left:8px;}
.formulaire p.clear label{text-align:right;float:left;width:24.5%;padding-right:.5%;}
.formulaire .oblig {font-weight:bold;color:#333;}
.formulaire .oblig:before {content:"* ";}
/**** FIN FORMULAIRES ****/


/**** GOOGLE MAPS ****/
/* définir hauteur et largeur du plan */
#gmap {width:100%; height:450px; color:#333333;}
#gmap a {color:#333333;}



a.googlemaps:after{content:" " url(images/googlemaps.png);}
/**** FIN GOOGLE MAPS ****/


/**** FOOTER ****/
#footer {clear:both; background-image:url(images/footer.png); width:570px; float:left; height:114px; color:#FFF; font-size:12px; padding:100px 0 0 350px;}
#footer .infos{float:left;width:200px;}
#footer .menubas1{float:left;width:160px;text-indent:20px;padding-top:30px;}
#footer .menubas2{float:left;width:180px;text-indent:20px;padding-top:45px;}
.copyright{font-size:11px;float:right;color:#FFF;line-height:20px;margin-right:20px;}
.copyright a{color:#FFF;}
.copyright:before{content:"Création et réalisation ";}
#footer a{ color:#FFF;}
#footer .underline{text-decoration:underline;}
#footer a:hover{}
/**** FIN FOOTER ****/

/**** VIDEO ****/

#video .titre{font-weight:bold;text-align:center;margin-bottom:8px;}
#video .video{}
#video .video #player{display:block;width:427px;height:338px;margin:0 auto;}
#video .description{text-align:center;}
#video .duree{display:none;}
#video #dhtml-carousel{margin:10px 0;}
#video #dhtml-carousel .jcarousel-container{margin:0 auto;}

/** FIN VIDEO **/

#newsletter{display:none;}

/*** LIVRE D'OR ***/
#livredor form{border-top:2px dotted #FFA400;border-bottom:2px dotted #FFA400;padding-top:10px;}
#livredor legend{font-weight:bold;color:#FFF;line-height:26px;}
#livredor fieldset{border:0;}
#livredor blockquote{margin:0 20px;}
#livredor blockquote p:before{content:"« ";}
#livredor blockquote p:after{content:" »";}
#livredor .auteur{text-align:right;font-style:italic;margin:0 20px 10px 20px; line-height:14px;}
/******************/