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

/* --- STYLES DE BASE --- */ 
/* Page */
html {   font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ }
body {   margin: 0;   padding: 0; font-family: 'Stone Sans Semibold', Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 1.0em; /* À adapter pour la police choisie. (3) */   line-height: 1.4; /* À adapter au design. (4) */   color: #FFF; background-color: #000;}
/* Titres */
/*h1, h2, h3, h4, h5, h6 {   margin: 0 0 .5em 0; /* Rapproche le titre du texte. (5) */   /*line-height: 1.2; */  /*font-weight: bold;*/ /* Valeur par défaut. (6) */  /* font-style: normal; }*/
h2 {   font-size: 0.95em;font-weight:bold;color:#ff7f00;padding-left:20px; } 
/* Paragraphes */
p {   margin-left: 21px; text-decoration:none;font-size:.83em;text-align:justify;/* Marges plus faibles que par défaut. (7) */ }
address {   margin: .75em 0;   font-style: normal; } 
/* Liens */
a {   text-decoration: underline; text-align:center;} a:link {   color: #FFF; } a:visited {   color: #FFF; } a:hover, a:focus, a:active {   color: #00a0c6;} /* Pas de bordure pointillée ou halo lors du clic sur un lien */ /* Pas de bordure autour des images dans les liens */ a img {   border: none; } 
/* Divers éléments de type en-ligne (8) */
em {   font-style: italic; }
strong {   font-weight: bold; }
/* Formulaires */
form, fieldset {   margin: 0;   padding: 0;   border: none; } input, button, select {   /*vertical-align: middle; /* Solution pb. d'alignement. (9) */ }
/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */ 
/* Met en évidence les abréviations (ayant un attribut title) */
abbr[title] {   border-bottom: 1px dotted;   cursor: help; } 
/* Met en évidence les citations */
blockquote {   margin: .75em 0 .75em 20px;   padding: 0 0 0 10px;   border-left: solid 2px #ddd; } q, cite {   font-style: italic; } q cite, q q {   font-style: normal } 
/* Supprime les guillemets automatiques (citations courtes) */
/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p {   margin: .5em 0; } 
/* Styles de base pour les listes de définition */ dl {   margin: .75em 0; } dt {   margin: .75em 0 0 0;   font-weight: bold; } dd {   margin: .25em 0 .25em 32px; }
/* Mise en forme simple pour les tableaux */ table {   margin: 0;   border: 1px solid gray; /* Pas de bordure = "none". */   border-collapse: collapse; /* Valeur par défaut: "separate". */  /*  border-spacing: 0;*/ }
table td, table th {   padding: 4px; /* Pas de retrait autour du texte = "0". */   border: 1px solid #ccc; /* Pas de bordure = "none". */   /*vertical-align: top; /* Valeur par défaut: "middle" */ }
/* Conteneurs sémantiques de HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {   display: block; }

/* --- Design bandeau haut --- */
#bandeau{width:1023px;
height:95px;
margin:auto;
padding:0;
background-color:#000;
background-image:url(../images/creapole-1.jpg);
background-repeat:no-repeat;
background-position:center;
text-indent:-999999px;
border:#FFF 1px solid;
}
#bandeau a{display:block;
cursor:pointer;
line-height:95px;}

#intro{width:622px;
height:177px;
float:right;
margin-right:160px;
}
#accueil {
	width:1024px;
	height:2080px;
	background-color: #5f5852;
	margin:auto;
	border-right:#FFF 1px solid;
}

#gauche{width:160px;
height:1100px;
float:right;
margin-right:-800px;
margin-top:200px;
text-align:center;}

#pied_page {
	width:1023px;
	height:25px;
	background-color:#000;
	margin:auto;
	border:#FFF 1px solid;
}

.footer{clear:both;text-align:center;font-size:0.75em;padding: 5px 0px 0 0px;color:#FFF;}

#flash{text-align:center;}

#menu {
	float:left;
	width:200px;
	height:2080px;
	padding-top:0px;
	background-color:#000;
	border-left:#FFF 1px solid;
	}
	
	
/* MENU ACCORDEON */
#navigation { width:142px; font:0.9em; margin:0 auto; padding:0 ;border:#FFF 1px solid;}
#navigation ul { margin:0; padding:0; list-style:none; color:white;  }
#navigation ul a { color:white; font-weight:bold; display:block; text-decoration:none; padding:5px; }
* html #navigation ul a { height:0.01%; }
#navigation ul li { text-align:right; }
* html #navigation ul li { height:0.01%; }
#navigation li.noLink { padding:5px; }
#navigation ul li ul li { text-align:left; font-size:0.7em; border-top:1px solid white; }
#navigation #cat1 { background:#ff7f00; }/*formations*/
#navigation #cat1 a:hover { background:#feab59; }
#navigation #cat2 { background:#00a0c6; }/*guide*/
#navigation #cat2 a:hover { background:#59c0d9; }
#navigation #cat3 { background:#bf0000; }/*creapole en images*/
#navigation #cat3 a:hover { background:#d45959; }
#navigation #cat4 { background:#d010b1; }/*un metier garanti*/
#navigation #cat4 a:hover { background:#df63cb; }
#navigation #cat5 { background:#ffbf00; }/*news*/
#navigation #cat5 a:hover { background:#fed459; }
#navigation #cat6 { background:#00a33d; }/*international*/
#navigation #cat6 a:hover { background:#59c280; }
#navigation a.head { cursor:pointer; display:block; text-decoration:none; }

/* COLONNE GACUHE : Visite toute l'annee */
#visite {width:179px; text-align:center;margin-left:7px;}
#visite a{display:block; }

/* COLONNE GACUHE : RENTREE */
.rentree1 { text-align:center; font-size:0.9em; color:#d010b1;}
.rentree2 { text-align:center; font-size:0.9em; color:#FFF;}
.rentree3 { text-align:center; font-size:0.9em; color:#00a0c6;}

/* CONTENNU TEXTES ET IMAGES */
#contenu{width:780px;height:505px;float:right;margin-right:20px;display:inline;}
#contenu ul {list-style:none;font-size:.75em;padding-left:20px;}
#contenu ul li a{
	font-weight:bold;
	text-decoration:none;
	color:#CCFF00;}
	#contenu ul li a:hover{
	font-weight:bold;
	text-decoration:none;
	color:#26370A;}

.jour{color:#CCFF00;font-weight:bold;}

h1 {font-size: 1.0em;padding:0px 20px;
background-image:url(../images/carjau.gif);
background-repeat:no-repeat;
background-position:top left;
color:#FFF}

.soustitre1{font-size:0.75em; margin-top:2px;text-decoration:none;color: #fff;text-align:justify;}
.soustitrephoto{font-size:10px; margin-top:2px;text-decoration:none;color: #fff;text-align:justify;}

#titre1 img {
	background: #fff;
	padding: 7px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
}


h4{
	padding-left:20px;
	color:#ff7f00;
	font-size: .85em;
   
   }
   
   h3 {font-size: 0.85em;font-weight:bold;color:#B0d809;padding-left:20px; }
   .soustitre2{font-size:0.75em; margin-top:2px;text-decoration:underline;color: #fff;font-weight:bold;}
   
   h5{
	padding-left:20px;
	color:#CCFF00;
	font-size: .85em;
   
   }
    h6{
	padding-left:20px;
	color:#FFFF00;
	font-size: .85em;
   
   }
   .titre5{
	padding-left:20px;
	color:#1F7FF2;
	font-size: .85em;
   
   }
   .titre6{
	padding-left:20px;
	color:#FF3f6f;
	font-size: .85em;
   
   }
   .titre7{
	padding-left:20px;
	color:#df2800;
	font-size: .85em;
   
   }
   
   .annee3{color:#00a0c6;}
  .annee2{color:#D010B1;}
  .annee4{color:#85DF00;}
  .anne5{color:#ff7f00;}
  .anne6{padding-left:20px;color:#FF3f6f;}
  .commentaire{font-size:1.25em;}
  .copyriright{color:#FFF;}
  .ancien1{color:#FFDB00;}
   .ancien2{color:#FF6600;}
   .ancien3{color:#34BBBF;}
   .ancien4{color:#CCFF00;}
    .ancien5{color:#D60064;}
	.ancien6{color: #00A7BF;}
  .Style67 {}
  .Style66 {
	font-size: 0.7em;
	color: #86C2EA;
}
.Style68 {color: #00A0C6; font-weight: bold; font-size: 0.7em;}
.Style69 {color: #FFFFFF; font-size: 0.7em;}
.Style70 {color: #171759; font-size: 0.7em; }
.Style71 {font-size: 0.7em; color: #86c2ea; }
.Style72 {color: #86c2ea; font-size: 0.7em;}
.Style51 {
	font-family: "ITC Stone Sans Std Medium";
	font-size: 12px;
	color: #FFFFFF;
}
.Style52 {
	font-family: "ITC Stone Sans Std Bold";
	font-size: 22px;
	color: #AB10D2;
	font-weight: bold;
}