/* ------------------- */
/* Paramétrage de base */
/* ------------------- */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	background-image: url('images/largeur-bande-titre.jpg');
	background-position: 0px 0px;
	background-repeat: repeat-x;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: left; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}

#container {
	left: 50%;
	margin-left: -512px;
	margin-top: 0px;
	padding: 0px;
	position: absolute;
	width: 1024px;
	font: Verdana, Arial, Helvetica, sans-serif;
}

#contenu {
	border: 0px solid black;
	width: 1024px;
}

#entete {
	width: 1024px;
	height: 118px;
	background-image: url('/images/banniere.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#mainContent {
	width: 1024px;
	height: 400px;
	vertical-align: top;
	padding: 25px 25px 25px 25px;
}

h1,h2,h3 {
	color: #42b9bf;;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	clear: both;
}

.titre {
	background-image: url('/images/titre-orange.jpg');
	background-repeat: repeat-y;
	height: 22px;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 16px;
	text-decoration: underline;
}

.textident {
	text-indent: 10%;
}

p {
	font-size: 10px;
	margin-top: 0px;
}

td {
	vertical-align: top;
}

ul {
	margin: 0px;
}

li {
	font-size: 10px;
	margin-bottom: 10px;
	text-align: left;
}

img {
	border: 0px;
}

/* ---------------------------- */
/* Eléments spécifiques du site */
/* ---------------------------- */
.chgmt_paragraphe {
	margin-top: 30px;
}

#identification {
	font-size: 10px;
	margin-right: 15px;
	float: right;
	vertical-align: bottom;
}

#log {
	display: inline;
}

a.identificationok {
	color: #ed5901;
	text-decoration: none;
}

a.identificationok:hover {
	color: #ed5901;
	border: 0px solid #ed5901;
	font-weight: bold;
}

.identify {
	font-size: 8px;
	width: 50px;
	height: 8px;
	vertical-align: top;
}

.twocol1 {
	width: 450px;
}

.twocolinter {
	width: 25px;
}

.twocol2 {
	width: 480px;
}

.groupejeunes {
	background-image: url('/images/photo-accueil.jpg');
	background-repeat: no-repeat;
}

.ensavoirplus {
	color: #ed5901;
	font-size: 10px;
	font-style: italic;
	text-decoration: underline;
	float: right;
	margin-right: 10px;
	font-weight: normal;
}

.lien_orange {
	color: #ed5901;
	font-size: 10px;
	text-decoration: underline;
	font-weight: normal;
}
.separator {
	padding: 0px 2px;
}

ul.formulaire {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.formulaire li {
	list-style: none;
	width: 470px;
	float: left;
	margin: 10px;
}

._noir_h1 {
	color: #000000;
	font-size: 16px;
}

._orange_h2 {
	color: #ed5901;
	font-size: 10px;
}

._noir_h1 {
	color: #000000;
	font-size: 16px;
}

._soustitre {
	font-weight: bold;
}

a._lien {
	font-style: italic;
	color: #ed5901;
	font-size: 10px;
	font-weight: normal;
}

a._lien:hover {
	color: #000000;
}

/* ------------------------------------------- */
/* Les différentes couleurs appliquées au site */
/* ------------------------------------------- */
.gris {
	color: #666666;
}

.noir {
	color: #000000;
}

.blanc {
	color: #ffffff;
}

.bleu {
	color: #42b9bf;
}

.orange {
	color: #ed5901;
}


.bord-orange {
	border: 1px solid #ed5901;
}

.normal {
	font-weight: normal;
}

/* ---------------------- */
/* Paramétrage des textes */
/* ---------------------- */
.taille10 {
	font-size: 10px;
}

.taille12 {
	font-size: 12px;
}

.taille14 {
	font-size: 14px;
}

.taille16 {
	font-size: 16px;
}

.taille18 {
	font-size: 18px;
}

a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

.bold {
	font-weight: bold;
} 

/* -------------------------------- */
/* Paramétrage des éléments du menu */
/* -------------------------------- */
#menu {
	display: block;
	width: 1024px;
	height: 18px;
	float: left;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	color: #42b9bf;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	list-style:none;
	display: inline;
}

#menu li a {
	margin: 0px;
	display:block;
	float: left;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	text-decoration: none;
	font-weight: normal;
	color: #42b9bf;
}

#menu li a:hover {
	background-image: url('/images/couleur_liens_hover.jpg');
	background-repeat: repeat-x;
	color: white;
	height: 18px;
	text-decoration: none;
}

#menu li .separator {
	float: left;
}

#menu .select {
	color: white;
	text-decoration:none;
	background-image: url('/images/couleur_liens_hover.jpg');
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	height: 18px;
	font-size: 12px;
}


.sousmenu {
	filter: Alpha(Opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	margin:0px;
	padding:0px;
	margin-top:10px;
	/margin-top: 8px;
	-margin-top:0px;
	display:block;
	width:260px;
	z-index: 100;
}

.sousmenu ul {
margin:0px;
padding:0px;
/margin-top: -10px;
-margin-top: -18px;
}

.sousmenu li {
display:block;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 0px;
font-weight: normal;
list-style:none;
border: 1px solid #42b9bf;
}

.sousmenu li a {
display:block;
padding-top:0px;
padding-bottom:5px;
-padding-bottom:0px;
padding-left:10px;
padding-right:10px;
line-height: 14px;
text-decoration: none;
background-color: #42b9bf;
color: #ffffff;
}

.sousmenu li a:hover {
background-color: #0a6978;
}

.sousmenu .select {
background-color: #0a6978;
}

.sousmenu .sousmenugauche {
display:block;
height: 10px;
background-image:url(../images/sm_boitehaut.gif);
background-repeat:no-repeat;
}

.sousmenu .sousmenudroite {
display:block;
height: 10px;
background-image:url(../images/sm_boitebas.gif);
background-repeat:no-repeat;
}


/*--------------------------------*/
/*/style.css*/
#menu0{margin-left: 0px; position:absolute;}
#menu1{margin-left: 50px; position:absolute;}
#menu2{margin-left: 100px; position:absolute;}
#menu3{margin-left: 300px; position:absolute;}
#menu4{margin-left: 400px; position:absolute;}
#menu5{margin-left: 0px; position:absolute;}
#menu6{margin-left: 0px; position:absolute;}
#menu7{margin-left: 680px; position:absolute;}
#menu8{margin-left: 700px; position:absolute;}

/* ------------ */
/* Pied de page */
/* ------------ */
#footer{
	clear: both;
	height : 20px;
	margin-top: 0px;
	padding-left: 320px;
	font-size: 10px;
}

#footer a{
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover{
	text-decoration: underline;
	font-weight: bold;
}

/* -------------------- */
/* Gestion de la taille des menus (IE6 uniquement)  */
/* -------------------- */
#menu0 {-width: 50px;}
#menu1 {-width: 130px;}
#menu2 {-width: 98px;}
#menu3 {-width: 145px;}
#menu4 {-width: 140px;}
#menu5 {-width: 118px;}
#menu6 {-width: 110px;}
#menu7 {-width: 62px;}
#menu8 {-width: 62px;}

/* -------------------- */
/* Gestion de l'affichage de la page Partenaires */
/* -------------------- */
#partenaires h2 {
	display: none;
}

#partenaires a.partenaires_image {
	display: block;
}

#partenaires a.partenaires_lien {
	display: block;
}

#partenaires div.partenaires_texte {
	text-align: left;
}


/* -------------------- */
/* Gestion de l'affichage des actus */
/* -------------------- */
.image_actu {
	border: 1px solid #ed5901;
	float: left;
	margin: 0px 10px 0px 0px;
}

.image_titre {
	margin-top: 10px;
}

.actu_separation {
	color: #ffffff;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

/* -------------------- */
/* SlideViewer Jquery   */
/* -------------------- */
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}
/*core classes*/
.stripViewer { position: relative; overflow: hidden; border: 5px solid #ff0000; margin: 0 0 1px 0; }
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
.stripViewer ul li { float:left; }
.stripTransmitter { overflow: auto; width: 1%; }
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; }
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; }
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; }
.stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; }
/*tooltips formatting*/
.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; }