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

body{text-align:center; color:#333333; font:normal 12px Arial, Helvetica, sans-serif;margin:10px}
img{border:0}
a{font-weight:bold; color:#E75312; text-decoration:none}
a:hover{color:#E75312; text-decoration:none}

.orange{color:#E75312}

#site{margin:auto auto; width:830px}
p{text-align:left}
.commentaire{font-size:9px}

.gauche{float:left}
.droite{float:right}
.clear{clear:both}

#main.rubrique_accueil{text-align:left; background-image:url(../img/fond_rubrique.gif); background-repeat:no-repeat; background-position:top}
#titre_rubrique{margin-bottom:10px}
#main.rubrique_accueil .article{float:left; margin:20px; font-size:11px; color:#005c37; width:145px; height:340px}
.article h1 a{ line-height:20px; color:#e75312; font-size:20px}
.article a{ color:#005c37; font-weight:normal}
.fleches_suite{font-weight:bold; color:#E75312}
#main.rubrique_accueil #vignettes{text-align:center; padding:0 30px}

#pieddepage {
font:normal 10px arial; 
color:#005c37; 
margin:30px 0 0 0;
}

#credits{
text-align:center
}

#credits, #credits a{
color:#999999
}

/*------------------PROJET----------------------*/

.projet #texte{width:239px; float:left; padding:5px; text-align:right; margin-right:4px}
.projet #texte h1{font:normal 22px Arial; color:#E75312; margin:0px 0 15px 0}
.projet #texte p{color:#001a10; text-align:right; font-size:11px}

.projet #texte .detail{margin:0; line-height:12px}
.projet #texte .intitule{float:left; font:bold 11px Arial, Helvetica, sans-serif; color:#E75312 }
.projet #texte .detail_projet{float:right; font:bold 11px Arial, Helvetica, sans-serif; color:#005c37 }

.projet #images{float:left; text-align:left; width:555px}
.projet #images #vignettes{margin-top:7px}
.projet #diaporama{width:555px; margin:5px 0 0 0; background-image:url(../img/fond_photo.gif); background-repeat:no-repeat; height:400px; padding:1px 6px 0 6px; text-align:center; position:relative}
.projet #diaporama table{}
.projet #diaporama #vignettes{text-align:left; position:absolute; top:340px; left:0px; background-image:url(/img/fond_vignettes_projet.gif); background-repeat:no-repeat; width:567px; height:57px; padding:6px 0 0 8px;}
.projet #diaporama #vignettes img{cursor:pointer}

#nav_projets{width:560px}
.projet .article{float:left; margin:10px; width:70px; height:150px}
.projet .article h1{ line-height:10px; margin:5px 0 0 0}
.projet .article h1 a{ line-height:10px; color:#e75312; font:bold 10px Arial, Helvetica, sans-serif}

/*------------------CONTACTS----------------------*/
.contacts h1{font:bold 24px arial; color:#005c37; text-align:left}
.contacts .rangee {width:705px; height:150px; margin:10px auto; padding:25px 20px 20px 20px; background-image:url(../img/fond_contacts.gif); background-repeat:no-repeat}
.contacts .rangee .gauche {width:140px; margin:0 15px 0 0; text-align:center}
.contacts .rangee texte{float:left; text-align:left}
.contacts .rangee h2{font:bold 14px arial; color:#E75312; text-align:left}


/*------------------ADMIN----------------------*/

body.admin{text-align:left; color:#005c37}

.groslien_rubrique{
	font:bold 16px Arial, Helvetica, sans-serif;
	padding:5px;
	background-color:#7E9F51;
	margin:5px 5px 5px 0; color:#FFFFFF
}
.admin .rangee{
	background-color:#EFEFEF;
	width:500px;
	border:#cccccc 1px solid; margin:10px 0; padding:10px
}
.admin h2 {color:#E75312}
.admin .rangee h3 {margin:0px 0px 10px 0; font:bold 21px Arial; font-style:italic; background-color:#929292; color:#d4d4d4 }
.admin .article {margin:10px 0; text-align:left; background-color:#bcbcbc; padding:5px}
.admin .article img {float:left}
.admin .article .texte {float:left; margin-left:10px; max-width:400px}

.admin .article h4{margin:2px 0 10px 0; height:18px}
.admin .article h4 a{font:bold 14px Arial, Helvetica, sans-serif; color:#595959}
.admin .article a.bouton{font:bold 11px Arial, Helvetica, sans-serif; line-height:10px; background-color:#595959;float:left; margin:10px 10px 0px 0; padding:5px; color:#fff}
.admin .article a:hover{color:#E75312}
.admin .article a.alerte{color:#FF0000}
.admin .contacts .article a.bouton {margin-top:5px}
#admin_nav { background-color:#005c37; padding:6px}
#admin_nav a{ color:#005c37; margin-right:10px; background-image:url(../img/fd_bts.gif); padding:5px; white-space: nowrap}
#admin_nav a:hover{ color:#E75312}
.admin textarea{width:500px; height:300px}
.admin .donnees input.input{width:500px; }
.alerte{font:bold 12px Arial, Helvetica, sans-serif; color:#FF0000}
.admin .btretour {text-align:center}
.admin .intitule {font:bold 12px arial; width:150px }
#donneesrecues.rangee .article {width:145px; float:left; margin-right:5px; height:240px; text-align:center}
#donneesrecues.rangee .article img{float:none;clear:both}
#donneesrecues.rangee.images{width:560px}
#donneesrecues.rangee{width:560px}