@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: 0.9em; /* À adapter pour la police choisie. (3) */   line-height: 1.4; /* À adapter au design. (4) */   color: white; 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.85em;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:1198px;
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:797px;
height:177px;
float:right;
margin-right:-20px;
}
#accueil {
	width:1199px;
	height:2900px;
	background-color: #330100;
	margin:auto;
	border-right:#FFF 1px solid;
}

#gauche{
float:right;
	width:480px;
height:auto;
margin-right:30px;
text-align:center;
padding-top:310px;
}

#pied_page {
	width:1198px;
	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}

#flash{text-align:center;}

#menu {
	float:left;
	display:inline;
	width:200px;
	height:2900px;
	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:440px;height:auto;float:left;margin-left:10px;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:10px 20px;
background-image:url(../images/carjau.gif);
background-repeat:no-repeat;
background-position:top left;}

.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:center;}

#titre1 img {
	
	padding: 5px;
	
}


h4{
	padding-left:20px;
	color:#00a0c6;
	font-size: .85em;
   
   }
   
   h3 {font-size: 0.85em;font-weight:bold;color:#ac10d3;padding-left:20px; }
   .soustitre2{font-size:8px; margin-top:2px;text-decoration:underline;color: #fff;font-weight:bold;}
   
   h5{
	padding-left:20px;
	color:#ff7f00;
	font-size: .85em;
   
   }
   .annee3{color:#00a0c6;}
  .annee2{color:#bf0000;}
  .annee4{color:#ff7f00;}
  
    
     #cadrepourvignettes{width:1198px;height:830px;background-color:#000;margin:auto;border-left:#FFF 1px solid;border-right:#FFF 1px solid;}
  #cadrevignettes{width:998px;height:auto;float:right;margin-left:200px;background-color:#1f0101;}
  #vignette{width:130px;;height:130px;float:left;margin-left:10px;margin-top:5px;margin-bottom:3px;background-color:#000;}
     /* pour changer la distance horizontale entre les photos, changer la valeur margin-left*/
	  /* pour changer la distance verticale entre les photos, changer la valeur margin-top*/
	  
	   /* pour la page Design Produit, changer la couleur (background-color) du calque cadrevignettes par la couleur de la page, calque accueil, changer également la hauteur et la largeur du calque vignette par la hauteur et la largeur des images, une dernière chose, selon la hauteur des images, changer la valeur de hauteur (height) du calque cadrepourvignettes */