@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) */   /* À adapter au design. (4) */   color: white;   background: black; }
/* 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:#fff;text-decoration:underline;padding-left:20px; }
/* Listes */
ul, ol {   margin: 10px 0 10px 0;   padding: 0; } 
/* 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;
} a:link {   color: #FFF; } a:visited {   color: #FFF; } a:hover, a:focus, a:active {  color:red;/* 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;
	text-align: left;
}
/* Formulaires */
form, fieldset {   margin: 0;   padding: 0;   border: none; } input, button, select {/* 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". */ }
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:1200px;
height:300px;
margin:auto;
padding:0;
background-color:#000;
background-image:url(../images/creapole-2bis.jpg);
background-repeat:no-repeat;
background-position:center;
text-indent:-999999px;
border:#FFF 0px solid;
cursor:pointer;
}
#bandeau a{display:block;
cursor:pointer;
line-height:95px;}

#accueil {
	width:1199px;
	height:1420px;
	background-color:#7572A3;
	margin:auto;
	border-right:#FFF 1px solid;
}

#gauche{display:inline; 
float:right;
	width:450px;
height:1135px;
margin-right:-938px;
text-align:center;
}

#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}

#menu {
	display:inline;
	float:left;
	width:200px;
	height:1390px;
	padding-top:0px;
	background-color:#000;
	border-left:#FFF 1px solid;
	padding-top:30px;
	
	}
	
	
/* MENU ACCORDEON #gauche{display:inline; 
float:right;
	width:180px;
height:1150px;
margin-right:-800px;
text-align:center;*/
#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:200px; text-align:center;margin-left:0px;}
#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:630px;height:1320px;float:left;margin-left:10px;display:inline;overflow:auto;} 
#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;
} 

<span class="soustitrephoto">Les locaux de CREAPOLE</span>*/
#contenu{width:440px;height:1385px;float:right;margin-right:540px;display:inline;overflow:auto;}
#contenu ul {list-style:none;font-size:.9em;padding-left:20px;}
#contenu ul li a{
	font-weight:bold;
	text-decoration:none;
	color:#fff000;
	font-size:0.9em;
	font-weight:bold;}
	#contenu ul li a:hover{
	font-weight:bold;
	text-decoration:none;
	color:red;}
	
	#flash{text-align:center;}

.jour{color:#ffbf00;}

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

.soustitre1{font-size:9px; margin-top:2px;text-decoration:none;color: #fff;text-align:justify;}
.soustitrephoto{
	font-size:12px;
	margin-top:0px;
	text-decoration:none;
	color: #fff;
	text-align:center;
}

#titre1 img {
	margin-top:0px;
	padding: 0px;
	
}


h4{
	background-image:url(../images/carjau.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:30px;
	color:#ffbf00;
	font-size: .9em;
   
   }
   
   h3 {   font-size: 0.85em;font-weight:bold;color:#fff;text-decoration:underline; }
   .soustitre2{font-size:0.75em; margin-top:2px;text-decoration:underline;color: #fff;font-weight:bold;}
   .jours{color:#ccff00;}
   .exposition{
	color:#F00;
	text-align: center;
}
   .departement{color:#FFF;}
   .admission{
	color:#FC0;
	font-size:0.70em;
}
   #inscription{width:440px; height:35px;color:#FFF;font-size:1.0em;text-align:center;}
   #inscription a{color:yellow;font-size:1.3em;display:block;}
   #inscription a:hover{color:#ffbf00;}