/* ------------------------------------ */
/*                                      */
/*         Strucutre                    */
/*                                      */
/* ------------------------------------ */

body {
	font:normal 12px/14px "Trebuchet MS", Verdana, Arial, Sans-Serif;
	color:#666666;
	text-align:justify;
	border:none;
	margin:0pt;
	padding:0pt;
	background-image: url(images/fond/fond1.gif);
	background-repeat: repeat;
}

#contenu {
	position: relative;
	width: 900px;
	background-color: #FFFFFF;
	text-align: left;
	clear: both;
	background-image: url(images/fond/fondcontenu2.gif);
	background-repeat: repeat-y;
}



/* ------------------------------------ */
/*                                      */
/*         Sous header                    */
/*                                      */
/* ------------------------------------ */


#clearombre {
	width: 900px;
	height: 14px;
	margin: 0 auto;
	font-size: 1px;
	clear: both;
	background-image: url(images/fond/fondcontenu2_bas.gif);
	background-repeat: no-repeat;
}

/*         Chemin de fer               */

#contenu #chemindefer {
	width: 870px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-top: 5px;
	background-color: #FFFFFF;
	height: 20px;
	background-image: url(images/fond/fond_chemindefer.gif);
}


/*         Colonne de gauche            */

#contenu #gauche {
	width: 605px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-top: 0px;
	background-color: #FFFFFF;
	margin-right: 0px;
}

/*         Colonne de droite            */

#contenu #droit {
	float: right;
	width: 245px;
	padding-top: 0px;
	line-height: 1.5;
	padding-right: 15px;
	padding-left: 0px;
}

/* ------------------------------------ */
/*                                      */
/*         Contenu 1 colonne            */
/*                                      */
/* ------------------------------------ */

#contenu #general1colonne {
	width: 870px;
  margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
  background-color: #FFFFFF;
	
}


#contenu #general1colonne #titregauche {
font-size: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-variant: small-caps;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: #ff0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;
	line-height: 18px;
	width: 100%;
	
}

#contenu #general1colonne #soustitregauche {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-variant: small-caps;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: #6dab68;
	height: 24px;
	width: 100%;
	text-indent: 20px;
	background-image: url(images/puces/fleche_verte_1col.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	white-space: normal;
}



/*         Liens 1 colonne            */

#contenu #general1colonne a:link {
	color: #4C5A9B;
	text-decoration: none;
}

#contenu #general1colonne a:visited {
color: #4C5A9B;
	text-decoration: none;
}

#contenu #general1colonne a:active {
	color: #4C5A9B;
	font-weight: normal;
	text-decoration: none;
}

#contenu #general1colonne a:hover {
	color: #990000;
	font-weight: normal;
	text-decoration: underline;
}





/* ------------------------------------ */
/*                                      */
/*         Style Chemin de fer            */
/*                                      */
/* ------------------------------------ */


#contenu #chemindefer a:link {
	color: #4C5A9B;
	text-decoration: none;
}

#contenu #chemindefer a:visited {
color: #4C5A9B;
	text-decoration: none;
}

#contenu #chemindefer a:active {
	color: #4C5A9B;
	font-weight: normal;
	text-decoration: none;
}

#contenu #chemindefer a:hover {
	color: #990000;
	font-weight: normal;
	text-decoration: underline;
}



/* ------------------------------------ */
/*                                      */
/*         Colonne de gauche            */
/*                                      */
/* ------------------------------------ */

#contenu #gauche #titregauche {
	font-size: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-variant: small-caps;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: #ff0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;
	line-height: 18px;
	width: 101.5%;
}

#contenu #gauche #soustitregauche {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-variant: small-caps;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: #6dab68;
	height: 24px;
	width: 100%;
	text-indent: 20px;
	background-image: url(images/puces/fleche_verte_2col.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	white-space: normal;
}

#contenu #gauche #separateur {
	background-image: url(images/cadre_droite/separateur_titre.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: 101%;
	background-position: center;
}

#contenu #gauche .textegauche {
	font-size: 12px;
	color: #666666;
	text-align: justify;
	line-height: 14px;
}

/* ------------------------------------ */
/*                                      */
/*         Colonne de droite            */
/*                                      */
/* ------------------------------------ */


#contenu #droit #cartouche {
	position: relative;
	width: 245px;
	padding-top: 1px;
	padding-right: 0px;
	padding-left: 0px;
  background:transparent url(images/cadre_droite/fond.gif) no-repeat scroll 0pt 100%;	margin-bottom:20px;	padding-bottom:1px;
}

/*         Entête de couleur            */

#contenu #droit  #entetejaune {
	background:url(images/cadre_droite/hautjaune.gif) no-repeat;
	height: 15px;
	width: 245px;
}

#contenu #droit  #enteteorange {
	background:url(images/cadre_droite/hautorange.gif) no-repeat;
	height: 15px;
	width: 245px;
}

#contenu #droit  #entetevert {
	background:url(images/cadre_droite/hautvert.gif) no-repeat;
	height: 15px;
	width: 245px;
}


#contenu #droit  #entetebleu {
	background:url(images/cadre_droite/hautbleu.gif) no-repeat;
	height: 15px;
	width: 245px;
}

/*         Titre sous entête            */

#contenu #droit #cartouche .titrejaune {
	font-size: 16px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-variant: small-caps;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: #f0c11c;
}

#contenu #droit #cartouche .titreorange {
	font-size: 16px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-variant: small-caps;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: #ff6600;
}

#contenu #droit #cartouche .titrevert {
	font-size: 16px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-variant: small-caps;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: #709f11;
}


#contenu #droit #cartouche .titrebleu {
	font-size: 16px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-variant: small-caps;
	letter-spacing: 0.06em;
	font-weight: bold;
	color: #002372;
}

/*         Texte cartouche            */

#contenu #droit #cartouche #texte {
	font-size: 11px;
	margin-right: 10px;
	margin-left: 10px;
	color: #666666;
	font-weight: normal;
	font-variant: normal;
}

#contenu #droit #cartouche #seprateur {
	background-image: url(images/cadre_droite/separateur_titre.gif);
	background-repeat: repeat-x;
	height: 10px;
	width: 100%;
	background-position: center;
}

/*         Liens à gauche            */

#contenu #gauche a:link {
	color: #4C5A9B;
	text-decoration: none;
}

#contenu #gauche a:visited {
color: #4C5A9B;
	text-decoration: none;
}

#contenu #gauche a:active {
	color: #4C5A9B;
	font-weight: normal;
	text-decoration: none;
}

#contenu #gauche a:hover {
	color: #990000;
	font-weight: normal;
	text-decoration: underline;
}



/*         Liens à droite            */

#contenu #droit a:link {
	color: #4C5A9B;
	text-decoration: none;
}

#contenu #droit a:visited {
color: #4C5A9B;
	text-decoration: none;
}

#contenu #droit a:active {
	color: #4C5A9B;
	font-weight: normal;
	text-decoration: none;
}

#contenu #droit a:hover {
	color: #990000;
	font-weight: normal;
	text-decoration: underline;
}



/*         Puces flèche 1colonne           */

#contenu #general1colonne ul { margin: 0 0 0 1px; padding: 7px; }

#contenu #general1colonne li { 	
	background: url(images/puces/carre_rouge.gif) no-repeat 0px 4px; 
	padding-left: 15px;
	margin-left: 0;
	line-height: 1.5em;
	list-style: none;
}


#contenu #general1colonne #separateur {
	background-image: url(images/cadre_droite/separateur_titre.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: 100%;
	background-position: center;
}
/*         Puces flèche gauche            */

#contenu #gauche ul { margin: 0 0 0 1px; padding: 7px; }

#contenu #gauche li { 	
	background: url(images/puces/carre_rouge.gif) no-repeat 0px 4px; 
	padding-left: 15px;
	margin-left: 0;
	line-height: 1.5em;
	list-style: none;
}

/*         Puces flèche droit            */

#contenu #droit #cartouche ul { margin: 0 0 0 1px; padding: 7px; }

#contenu #droit #cartouche li { 	
	background: url(images/puces/puce_grise.gif) no-repeat 0px 4px; 
	padding-left: 15px;
	margin-left: 0;
	line-height: 1.5em;
	list-style: none;
}

#contenu #general1colonne #separateurinscription {
background-image: url(images/cadre_droite/separateur_titre_inscription.gif);
	background-repeat: repeat-x;
	height: 8px;
	width: 100%;
	background-position: center;
}


/* ------------------------------------ */
/*                                      */
/*               Footer                 */
/*                                      */
/* ------------------------------------ */


/* FOOTER */
 #footer {
  position: relative;
	width:900px;
	height: 26px;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0 auto;
	background-image: url(images/fond/fond_footer.gif);
	background-repeat: no-repeat;
}



/* ------------------------------------ */
/*                                      */
/*         Police                       */
/*                                      */
/* ------------------------------------ */

.titretableauformulaire
{
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	font-size: 14px;
	background-color: #666666;
	letter-spacing: 0.06em;
	height: 20px;
	vertical-align: middle;
	text-indent: 10px;
}

.borduretableauformulaire
{
	background-image: url(images/fond/texture_fond.gif);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
	text-indent: 6px;
	font-size: 12px;
	background-color: #FFFFFF;
}

.bordurephoto
{
	border: 1px solid #FF0000;
	margin: 3px;
}
.entouragephoto
{
	border: 1px solid #FF0000;
	margin: 3px 6px 3px 3px;
	padding :3px 0 3px 0;
}

.textetitrerouge
{
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
}