/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
/*----------------------------------------------GENERAL----------------------------*/
li {font-size:12px; margin:0 0 0 15px; list-style-image:url(../images/charte/puce2.gif);}
ul {margin:10px 0 15px 15px; text-align:justify;}
/*----------------------------------------------ACCUEIL----------------------------*/
.accueil1 {
	width:300px;
	float:left;
	text-align:justify;
	margin-right:17px;
	height:230px;
	}
.accueil2 {
	width:620px; 
	margin:4px 0 5px 0;
	float:left;
	}
.cadre-accueil-genral {
	width:226px;
	height:150px;
	float:left;
	margin:0 0 0 0px;
	}
.cadre-accueil-top {
	width:226px;
	height:33px;
	background-image:url(../images/charte/top-accueil.gif);
	}
.cadre-accueil-contenu {
	width:224px;
	float:left;
	border:1px solid #465376;
	background-color:#FDDA7E;
	}
.cadre-accueil-images img {border:1px solid #465376;}
.cadre-accueil-images {
	width:224px;
	text-align:center;
	margin:10px 0;
	}
#container .cadre-accueil-description a {
	color:#000066;
	font-size:11px;
	text-decoration:underline;
	}
#container .cadre-accueil-description a:hover {text-decoration:none;}
.cadre-accueil-description {
	width:194px;
	float:left;
	margin:0 14px;
	}
.titre-news {
	font-size:14px;
	font-weight:bold;
	display:block;
	background-image:url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	padding:0 0 0 13px;
	}
/*----------------------------------------------PRESENTATION----------------------------*/

.presentation {
	width:465px;
	float:left;
	}
.presentation-diapo {
	width:360px;
	height:300px;
	float:left;
	margin:0 0 0 30px;
	}
.petite {
	width:81px;
	height:51px;
	float:left;
	margin:0 3px;
	border:1px solid #465375;
	}
.grande {
	width:348px;
	height:218px;
	float:left;
	margin:15px 0 0 3px;
	border:1px solid #465375;
}

/*----------------------------------------------EQUIPE----------------------------*/

.equipe {
	width:159px;
	height:200px;
	float:left;
	background-image:url(../images/charte/fd-equipe.jpg);
	background-repeat:no-repeat;
	margin:5px 11px 14px 0;
	}
.equipe-photo img {border:2px solid white;}
.equipe-photo {
	width:156px;
	height:127px;
	float:left;
	text-align:center;
	padding:13px 0 0 3px;
	}
.equipe-titre {
	width:130px;
	height:48px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#465375;
	text-align:center;
	margin:0 0 0 15px;
	padding:2px 0 0 0;
	}
/****** mis en commentaire par développeur pour tests ****/
/*#note1 p, #note2 p{font-size:12px;}
#note1, #note2 {
	position: absolute;
	display: none;
	color: black;
	font-size:12px;
	margin: 0;
	padding: 2px;
	border: 3px solid #FDDA7E;
	background-color: #EFEFEF;
	padding:7px;
}
#note1 { left: 200px; top: 200px; width: 450px; }
#note2 { left: 200px; top: 200px; width: 450px; }*/

/****************************** ajouté par développeur ************************************/

p_note_lna {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
/**************************** fin ajouté par développeur **********************************/
/**/

/*----------------------------------------------CONTACT----------------------------*/
#container .contact p,#container .contact-bottom p {text-align:center;}

.contact {
	width:600px;
	float:left;
	margin:3px 0 0 140px;
	
	}
.contact-gauche {
	width:260px;
	float:left;
	margin:15px 0 0 0;
	}
.contact-droite {
	width:260px;
	float:right;
	margin:15px 0 0 0;
	}
label {
	width:90px;
	display:inline;
	font-size:12px;
	display:block;
	float:left;
	}
.form-contact {
	background-color:#EFEFEF;
	border:1px solid #465375;
	width:165px;
	margin:3px 0 0 0;
	color:#465375;
	}
.form-contact-adresse {
	background-color:#EFEFEF;
	border:1px solid #465375;
	width:165px;
	margin:3px 0 0 0;
	color:#465375;
	height:58px;
	}
.form-contact-commentaire {
	background-color:#EFEFEF;
	border:1px solid #465375;
	width:505px;
	margin:3px 0 0 0;
	color:#465375;
	height:62px;
	}
.bouton-retablir a:hover {background-image:url(../images/charte/bt-retablir-roll.jpg);}
.bouton-retablir a {
	width:70px;
	float:left;
	height:29px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/charte/bt-retablir.jpg);
	margin:7px 0 0 210px;
	}
.bouton-envoyer a:hover {background-image:url(../images/charte/bt-envoyer-roll.jpg);}
.bouton-envoyer a {
	width:70px;
	float:left;
	height:29px;
	background-image:url(../images/charte/bt-envoyer.jpg);
	margin:7px 0 0 110px;
	}
.contact-bottom {
	width:600px;
	float:left;
	margin:15px 0 23px 140px;
	background-color:#E7E6E6;
	padding:5px 0;
	}
.contact-bottom-texte {
	width:200px;
	float:left;
	}
.contact-bottom-photo {
	width:380px;
	float:left;
	margin:10px 0 0 10px;
	}

/*----------------------------------------------MERCI----------------------------*/

.merci {
	width:250px;
	height:100px;
	float:left;
	margin:130px 0 0 310px;
	text-align:center;
	}
.merci table {
	font-size:12px; text-align:center;}
	
/*--------------------------------------------EVENEMENTS--------------------------*/

.evenements {
	width:860px;
	margin:15px 0 0 0;
	float:left;
	background-color:#E7E6E6;
	}
.evenements-left {
	width:560px;
	float:left;
	height:100px;
	margin:15px 0 0 15px;
	}
.evenements-right {
	width:271px;
	background-image:url(../images/charte/evenements.jpg);
	float:right;
	height:324px;
	}
	
/*--------------------------------------------GALERIE PHOTOS--------------------------*/

.galerie-photos {
	width:204px;
	height:147px;
	float:left;
	background-image:url(../images/charte/fd-galerie.jpg);
	margin:0 10px 10px 0;
	text-align:center;
	padding:8px 0 0 0;
	}
.galerie-photos img {border:1px solid white;}
.retour-galerie {
	width:800px;
	margin:5px 0 15px 10px;
	float:left;
	}
	
/*--------------------------------------------RAID AVENTURE--------------------------*/	
.raid {
	width:860px;
	margin:15px 0 0 0;
	float:left;
	background-color:#E7E6E6;
	}
.raid-left {
	width:560px;
	float:left;
	height:100px;
	margin:15px 0 0 15px;
	}
.raid-right {
	width:271px;
	float:right;
	height:324px;
	}
/*--------------------------------------------ESPACE PRO--------------------------*/	

.espace-pro {
	width:860px;
	float:left;
	height:390px;
	background-image:url(../images/charte/fd-espace-pro.jpg);
	}
.cadre-form-pro {
	width:223px;
	height:100px;
	margin:120px 0 0 310px;
	float:left;
	padding:25px 0 0 0;
	}
.cadre-form-pro label {
	display:block;
	width:90px;
	float:left;
	}
.cadre-form-pro form {
	width:120px;
	float:left;
	margin:0 0 15px 0;
	}
.form-espace-pro {
	background-color:#E7E7E7;
	width:120px;
	border:1px solid white;
	color:#465375;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.bouton-espace-pro {
	width:223px;
	height:20px;
	margin:10px 0 0 310px;
	float:left;
	text-align:center;
	}
.bouton-valider-espace a {
	background-image:url(../images/charte/bouton-valider.gif);
	width:65px;
	height:26px;
	margin:0 0 0 75px;
	float:left;
	}
.bouton-valider-espace a:hover {
	background-image:url(../images/charte/bouton-valider2.gif);
	width:65px;
	float:left;
	height:26px;
	margin:0 0 0 75px;
	}

/*--------------------------------------------CONNECTER--------------------------*/
.connecter-gauche li {
	margin:0 0 10px 0; 
	/* ajouté par développeur */
	padding-right:12px; 
	margin-left:10px;
	/* fin ajouté par développeur */
}
.connecter-gauche {
	width:200px;
	float:left;
	height:300px;
	border-right:2px solid #FDDA7E;
	}
.connecter-droite {
	width:650px;
	float:left;
	margin:0 0 0 0px;
	}
.galerie-espace {
	width:204px;
	height:163px;
	float:left;
	background-image:url(../images/charte/fd-connecter.jpg);
	margin:7px 0px 10px 12px;
	text-align:center;
	padding:8px 0 0 0;
	}
.galerie-espace img {border:1px solid white;}
.telecharger {
	width:120px;
	float:left;
	height:20px;
	margin:5px 0 0 50px;
	text-align:center;
	}
#container .telecharger a{font-size:11px; text-decoration:none;}

/*--------------------------------------------CREATION OUTILS--------------------------*/	
.creation-outils {
	width:860px;
	margin:15px 0 0 0;
	float:left;
	background-color:#E7E6E6;
	}
.outils-left {
	width:560px;
	float:left;
	height:100px;
	margin:15px 0 0 15px;
	}
.outils-right {
	width:271px;
	float:right;
	height:324px;
	}
.outils-petit {
	float:left;
	border:1px solid white;
	height:59px;
	width:62px;
	margin:0 1px 5px 1px;
	}
.outils-grand img {border:1px solid white;}
.outils-grand {
	float:left;
	margin:0 1px 5px 1px;
	
	}
	
/*--------------------------------------------AUTOMOBILE--------------------------*/	
.automobile {
	width:860px;
	margin:15px 0 0 0;
	float:left;
	background-color:#E7E6E6;
	}
.automobile-left {
	width:400px;
	float:left;
	margin:15px 0 0 15px;
	}
.automobile-right {
	width:400px;
	float:right;
	height:324px;
	margin:15px 15px 0 15px;
	}
/*--------------------------------------------GALERIE AUTOMOBILE--------------------------*/
.galerie-auto {
	width:369px;
	height:154px;
	background-image:url(../images/charte/fd-galerie-automobile.gif);
	float:left;
	margin:25px 0 0 35px;
	}
.galerie-auto-visu img {border:1px soid #CCCCCC;}
.galerie-auto-visu {
	width:180px;
	height:130px;
	margin:12px 0 0 10px;
	float:left;
	}
.galerie-auto-description {
	width:147px;
	height:130px;
	margin:12px 0 0 10px;
	float:left;
	/*ajouté par développeur*/
	margin-left:15px;
	padding-right:5px;
	/*fin ajouté par développeur*/
	}