@import url("couleurs-typo.css");
/*Bouton Spip*/

#page .spip-admin-floatt{position:absolute;bottom:0 !important;}

/* Normalisation de marges et des réserves */
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquotte, th, td {margin:0;padding:0;}

/* Normalisation des tailles des polices pour les entêtes */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:400;}

/* Normalisation des listes */
ol, ul  li,li{list-style:none;}

/* Normalisation des graisses des fontes */
adress, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/* Supression des bordures et des réserves dans les tableaux */
table {border-collapse: collapse; border-spacing:0;}

/* Supression des bordures dans les éléments fieldset et img */
fieldset, img {border:0;}

/* Alignement du texte à gauche dans caption et th */
caption, th {text-align:left;}

/* Suppression des guillemets autour de q */
q:before, q:after {content:'';}

/* les bases */
* {background-repeat:no-repeat !important;}
a {text-decoration:none;} 
a:active,a:focus {outline:none;}


/*FIN MISE A ZERO*/


body{margin:0;padding:0;}

/*BLOC ADRESSE*/
div#adresse {
display:none;
}

/*div#adresse {position:absolute; top:0; left:50%;height:500px; margin-left:-465px;width:80px;}*/
/*div#adresse p{width:280px;margin-bottom:20px;}
div#adresse p i {display:block;margin-top:20px;}
div#adresse div{text-align:center;margin-left:15px;}
div#adresse div.legal p{width:260px;}
div#plusinfo{position:absolute; bottom:18px;right:-18px;}
div#plusinfo, div#plusinfo a{display:block;width:52px; height:54px;}*/

/*BLOC ADRESSE */

body h2{font-size:15px;margin:20px 0;}
#page{ /* tableau englobant le site. permet d'ajouter un contour au site */
	padding:0px;
	width: 760px;
	margin: 0 auto;
}

h1{text-indent:-4000px;height:0px;}
#nav{background-color:#000;margin-left:0px;}
#nav a#forum{
position:absolute;
display:block;
text-indent:-4000px;color:#000;left:50%;
top:25px;
margin-left:380px;
font-size:15px;
background: url(img/logo_forum.gif) 20px 0 no-repeat;width:115px; height:100px;

}



body.sommaire #contenu div.txt {width:400px;float:left;}
body.sommaire #contenu div.txt  table{width:322px;}
.txt table td.dates span{display:block;}
.txt table td{padding:5px 0 5px 5px !important;width:100px;}
.txt table td.dates{width:80px;padding-left:5px;position:relative;}
.txt table td.dates em{display:block;width:45px;position:absolute;margin:-20px 0 0 272px;}
body.sommaire #contenu div#agenda{width:277px;}
body.sommaire h3{margin:10px 0;}


body p.spip{
padding-bottom:10px;
}
body.sommaire #contenu div.txt table{
	margin:0px;
}

#contenu{width:730px;padding:10px 15px 50px 15px;}
#messages{clear:both;padding-top:45px !important;}

#last-photos{width:322px;margin-top:20px;float:right;}
#last-photos ul li{float:left;margin-right:3px !important;}

/*AGENDA*/


body.agenda ul#navdate{
margin-bottom:20px;
}
body.agenda ul#navdate li{
float:left;
}
body.agenda ul#navdate li ul {
margin-right:30px;
margin-top:10px;
}
body.agenda ul#navdate li ul li{
clear:both;
border:none;
padding-left:0;
}

dl{
clear:left;
}
body.agenda dt{
padding:10px 0 !important;
width:730px;clear:both;
}
body.agenda dd{
padding-bottom:20px;
}
body.agenda dd.evenement img.spip_logos{
display:block;
float:left;
margin-right:10px;
}

body.agenda dd.video .info{
float:left;
width:300px;
}

body.agenda dd .info em{
display:block;
margin-top:5px;
}

body.agenda dd.video div.videos{
float:left;
width:425px;
height:360px;
}
body.agenda dd span{
display:block;
}

body.agenda p span.spip_documents{
display:inline !important;
}
body.agenda dd p.spip{
}
body.agenda dd{
float:left;
margin:0 !important;
}
/*body.agenda dd.videos{width:435px;margin-left:35px !important;padding:20px 0;}*/

/*EQUIPE*/

body.mission ul#navpersonne, body.mission #formulaire {float:left;width:300px;margin-right:20px;}
body.mission ul#navpersonne {width:200px !important;}
body.mission div#zone_affichee h2{
margin-bottom:20px
}
body.mission div#zone_affichee h3{
margin:10px;
}
body.mission .photo {float:left;margin-right:10px;background-color:#000!important}
body.mission .info{float:left; width:570px;}
body.mission .info h3{
margin:0 0 10px 0!important;
}
body.equipe #col1{
width:730px;
padding:0 5px;
}
body.equipe #contenu h2{
margin-bottom:0!important;
}

body.equipe #contenu h3{
margin-bottom:20px;
}

/*body.mission div#zone_affichee{width:410px;float:left;}
body.mission .photo {float:left;margin-right:10px;}
body.mission div#zone_affichee h2,body.mission div#zone_affichee h3{margin-top:0px;}
body.mission div#zone_affichee h2 em{display:block;}
body.mission div#zone_affichee h3{margin-bottom:20px;}
h2,body.mission div#zone_affichee h3{margin-top:0px;}

body.mission div#zone_affichee p{margin:10px 0;}
body.mission div#zone_affichee div.info{padding:0 10px;}*/


/*ADHERER*/
body.formulaires .txt form input , body.formulaires .txt form textarea, body.formulaires .txt form select{display:block;margin:10px 0;width:280px;}
body.formulaires form.hiddenF {display:none;}
body.formulaires .txt span.erreur {display:block;float:right;margin-top:-45px;}
body.formulaires div#zone_affichee {width:400px; float:left;}
body.formulaires div#zone_affichee p.spip{margin-top:0 !important;} 
body.formulaires input.submit {width:40px !important;}

/*LIENS*/

body.liens_part .txt, body.liens .txt p{width:730px !important;}
body.liens_part .txt p.spip {margin: 10px 0 !important;}
body.liens_part .txt span.spip_documents_left{display:block;margin-right:5px !important;;}


/*GROUPES*/

div.unelement {padding-bottom:10px;margin-bottom:10px;border-bottom:2px dotted #999900;}
body.groupes h2 em{
float:right;
padding:10px 5px 10px 5px;
}
body.groupes h2 em a,body.groupes h2 em a:hover{color:#fff;}


/*FORMATION PAGE ACCUEIL*/
body.formations h3{margin-top:10px;}

/*PAGE FORMATION TYPE*/
body.formations h2{width:300px;}
body.formations #contenu ul {margin:20px 0;text-align:right;}
body.formations #contenu ul li {display:inline !important; } 

/*LES COURS */
body.formations #contenu ul li {padding-left:5px;}
body.formations div.txt table {width:730px; border-collapse:separate;}
/*body.formations div.txt table td{width:370px;}*/
body.formations div.txt table tr td,body.formations div.txt table tr th {text-align:left;widht: auto !important; padding:5px 0;}
body.formations div.txt table tr.jour th {padding:5px 5px;}
body.formations div.txt table tr th.heures{text-align:center;width:100px;}
body.formations div.txt table tr td {
width:auto;
}
body.formations div.txt table p{padding:0;}
/*PAGE PERSONNE*/
body.personnes .col1, body.personnes .col2{
float:left;
}
body.personnes .col1 .photo{
width:auto;
margin-right:10px !important;;
float:left;
}
body.personnes .col1 .photo em{
display:block;
width:150px;
margin-top:10px;
}
body.personnes .col1{
width:520px;
padding-left:10px;
}

body.personnes .col1 .chapo{
float:left;
width:330px;
padding-right:10px;
}


body.personnes .col1 .ps{
clear:both;
margin-top:40px;
}
body.personnes .col1 .ps p.spip{
padding-bottom:5px;
}

body.personnes .col2{
width:180px;
padding:10px 10px 0 10px;
text-align:center;
}

body.personnes .txt{
margin-top:20px;
}

body.personnes .col1 .docs {
margin-top:20px;
}
body.personnes .col1 .docs a, body.personnes .col1 a{
display:block;
text-decoration:underline;
}
body.personnes .col2 h3.spip,body.personnes .col2 h3.spip strong, body.personnes .col2 h3.spip i{
font-size:18px;
margin-bottom:20px;
color:#000;
text-transform:uppercase;
font-weight:bold;
}
body.personnes .txt p strong {
color:#ff7000;
}

body.personnes .txt .col2 p strong {
color:#000;
}

body.personnes .col2{
background-color:#648C02 !important;
}
body.personnes .col2 p.spip i, body.personnes .col2 p.spip strong{
font-size:15px;
}
body.personnes h3.amorce{
font-weight:bold;
margin:10px 0;
font-size:14px;
}
body.personnes h3.spip{
color:#000;
}

body.personnes h3.amorce{
width:500px;
background-color:#648C02;
}

body.personnes table{
width:500px;
background-color:#648C02;
}
body.personnes table th{
font-weight:bold;
color:#fff;
}

body.personnes table th,body.personnes table td{
padding:2px 5px!important;
}


body.personnes table {
margin-top:40px;
}
body.personnes table td {
width:auto !important;
text-align:left;
color:#fff;
}
body.personnes .txt td p strong, body.personnes .txt td i{
color:#fff;
}

body.personnes table td a{
text-decoration:underline; 
color:#fff;
}
body.personnes table td a:hover{
text-decoration:underline; 
color:#000;
}
body.personnes table td a:hover
body.personnes table td p.spip{
padding-bottom:0 !important;
}
/*LES ATELIERS*/
body.ateliers_enfants dd{width:740px;}
body.ateliers_enfants span#photo{display:block; float:left; width:200px;margin-right:20px;}
dd.evenement.atelier{
padding-bottom:10px;
}
/*VOYAGES - PESENTATION*/
body.presentation_voyage .txt{width:740px !important;}
body.presentation_voyage .txt div{width:540px;margin-right:20px;}
/*body.presentation_voyage .txt div,presentation_voyage .txt ul{float:left !important;}*/
body.presentation_voyage .txt ul{margin-top:30px;}

body.presentation_voyage ul#mouse{
	position:absolute;
	top:220px;
	left:50%;
	margin-left:190px;
	width:180px;
	height:800px;

}


body.presentation_voyage ul#mouse li.num{
position:relative;
left:0;
margin-bottom:20px;
}
body.presentation_voyage ul#mouse li.num1.ordre0,body.presentation_voyage ul#mouse li.num2.ordre1{
	top: -164px;
}
body.presentation_voyage ul#mouse li.num2.ordre0,body.presentation_voyage ul#mouse li.num3.ordre1{
	top: -328px;
}

body.presentation_voyage ul#mouse li.num3.ordre0,body.presentation_voyage ul#mouse li.num4.ordre1{
	top: -492px;
}
body.presentation_voyage ul#mouse li.num4.ordre0,body.presentation_voyage ul#mouse li.num5.ordre1{
	top:-656px;
}
body.presentation_voyage ul#mouse li.num5.ordre0{
	top:-820px;
}
/*VOYAGES - PHOTOS*/
body.photos .txt{width:740px !important;}
body.photos .txt h2{margin:10px 0;}
body.photos .txt ul li {float:left;margin-right:5px;width:90px; height:70px; overflow:hidden;}

/*VOYAGES - VIDEOS*/
body.videos .txt{width:740px !important;margin-left:-8px !important;}

/*VOYAGES - CHARTE*/
body.charte .txt {width:740px !important;}


/*FORUM*/

body.forums #contenu .txt table.forum-listeur{width:730px !important;}
body.forums #contenu .txt table.forum-listeur,body.forums #contenu .txt fieldset.previsu{background-color:#648c02 !important;}
body.forums #contenu .txt table.forum-listeur td{}
body.forums #contenu .txt table.forum-listeur thead td {background-color:#ff7000;}
body.forums #contenu .txt table.forum-listeur td.descripteur,body.forums .txt table td.titreur,body.forums .txt table td.sujet{
text-align:left;
padding:5px 0 0 17px !important;
}

body.forums .txt table td.titreur {
width:150px;
font-weight:bold !important;
}
body.forums .txt table td,body.forums .txt table td a{text-align:left;}

body.forums #contenu .txt table.forum-listeur td a{
color:#fff;
text-decoration:underline;
}

body.forums #contenu .txt table.forum-listeur td a:hover{
color:#000;
}


body.forums div.unereaction{
border-bottom:2px dotted #648C02;
padding-bottom:10px;
}
body.forums .reponse {
margin-left:40px;
padding-left:9px;
border-left: 1px groove #fff;
}
body.forums.artForm .reponse, body.forums.artForm .reponse p.spip{
witdh:350px !important;
}
.formulaire_forum h3{
margin:0!important;
}
p.pagination{
margin:0px 0px 20px 0;
}
/*FORMULAIRE FORUM*/
body.forums.artForm .reactions{width:400px;margin:20px 10px 0 0;}
body.forums.artForm .reactions{margin:0px 10px 0 0;}
body.forums #contenu .reactions h3{margin-bottom:12px;}
body.forums .reactions, body.forums div.formulaire_forum{float:left;}
body.forums div.formulaire_forum,body.forums #contenu .txt fieldset.previsu legend{margin-top:20px;}
body.forums .reactions p.spip{padding-bottom:10px;}
body.forums div.formulaire_forum, body.forums div.formulaire_forum textarea, body.forums div.formulaire_forum input{width:320px; border:none;}
body.forums div.formulaire_forum form{margin-top:0px;}
body.forums div.formulaire_forum fieldset.moderation_info p.explication{
padding:0 0 20px 0;
font-style: italic !important;
}
body.forums div.formulaire_forum fieldset.moderation_info legend{display:none;}
body.forums div.formulaire_forum table.spip_barre{background-color:#fff !important;}
body.forums div.formulaire_forum table.spip_barre tr td{width:auto!important;padding:0 !important;}
body.forums div.formulaire_forum label{display:block;padding:10px 0;}
body.forums div.formulaire_forum fieldset legend,body.forums div.formulaire_forum label{text-transform:uppercase !important;}
body.forums div.formulaire_forum fieldset legend b{font-weight:normal;}
body.forums div.formulaire_forum ul li input{display:block;}
body.forums div.formulaire_forum{width:320px;}
body.forums div.formulaire_forum input.submit,body.forums div.formulaire_forum fieldset.previsu{
width:320px;
}
body.forums div.formulaire_forum input.submit{font-weight:bold;background-color:#ff7000;border:none; color:#fff !important;cursor:pointer;}
body.forums div#formulaire_forum form div{
padding:0 !important;
}
/*BOUTIQUE*/

body.boutique .descriptifBoutique{
margin:40px 0;

}
body.boutique .txt {
padding-left:50px;
}

body.boutique .unelement{
width:150x;
float:left;
margin-right:80px;
}

body.boutique .unelement.nomarge{
margin-right:0px;
}

body.boutique .unelement.clear{
clear:both;
}
body.boutique .txt .photo {
float:left;
margin-bottom:20px;
}
body.boutique .txt .photo a{display:block; float:left;margin:5px 5px 0 0;}
body.boutique .txt .photo a.clear{clear:both;}
body.boutique .txt .photo a.clear img{border:2px solid silver !important;}



body.boutique .txt #formulaire{position:absolute;top:160px; left:1250px;padding:5px 0 0 15px;}
body.boutique .txt #formulaire{background-color:#000;}


#pied{text-align:center;}
#pied{clear:both;padding-top:10px;}
#pied ul{clear:both;margin-bottom:10px;}
#pied ul li{display:inline-block;padding-left:5px;}
#pied p.spip{padding-bottom:0;}
hr.clear{display:block;clear:both;visibility:hidden;}

/* Photo page d'accueil*/

a.photoAll {
display:block;
text-align:right;
}

.reseaux{
width:322px;
float:right;
margin-right:80px;
}

.reseaux .twitter{
margin-bottom:20px;
}