/* CSS Document */
/* --css caribailes-- */
/* --juin 2007 v1.7-- */

<style type="text/css">


/* --Informations sur HTML et BODY -- */

body {
	margin: 0px;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

/* --Typographie-- */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:justify;
	text-indent: 10px;
	margin:0px 0px 15px 0px;
	}

h1 {
	color: #FF6600;
	font-weight: bold;
	font-size: 12px;
	margin:10px 0px 20px 0px;
}

h2 {
	color: #FF6600;
	text-align:left;
	font-weight: bold;
	font-size: 11px;
	margin:0px 0px 10px 0px;
	text-decoration: underline;
}

h3 {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color: #FF6600;
}

ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	
}

ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
}


.liste_décimale {
	list-style:decimal;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

.liste_disc {
	list-style:disc;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

.texte-blanc {
	color: #ffffff;
}

.texte-rose {
	color: #ff0099;
}

.texte-marron {
	color: #800000;
}

.texte-vert {
	color: #808000;
}


.invisible {
display:none;
}

.texte_news {
	text-align:left;
	font-size:10px;
	text-indent: 0px;
	margin:0px 0px 10px 0px;
}

.texte_important_orange {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color: #FF6600;
	font-weight: bold;
}

.texte_important_rouge {
	font-size:11px;
	font-style:normal;
	color: #ff0000;
}

.texte_important_avec_retrait {
	margin-left: 10px;
	padding-left: 5px;
	border-left: solid 3px #800000;
}	



/* --Positionnent des photos dans la page (class styles)-- */

.photo_a_gauche_filetorange {
	position:relative;
	float:left; 
	margin-right:5px;
	margin-bottom:5px;
	border:2px solid #FF6600;
}

.photo_a_droite_filetorange {
	position:relative;
	float:right; 
	margin-left:5px;
	margin-bottom:5px;
	border:2px solid #FF6600;
}

.photo_a_gauche {
	position:relative;
	float:left; 
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #808000;
}

.photo_a_droite {
	position:relative;
	float:right; 
	margin-left:5px;
	margin-bottom:5px;
	border:2px solid #808000;
}

.photo_centree {
	position:relative;
	float:center; 
	margin:5px;
	border:2px solid #808000;
}

.photo_actu {
	position:relative;
	float:left; 
	margin-right:5px;
	margin-bottom:3px;
	border:1px solid #FF6600;
}


/* --Espacement vertical des titres de la colonnes actualités (class styles)-- */

.titrescolonnedroite {
	margin-bottom:5px;
}


/* --Liens-- */

a {
	font-size: 11px;
	color: #CC0000;
	font-weight: bold;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CC0000;
}
a:hover {
	text-decoration: underline;
	color: #666600;
}
a:active {
	text-decoration: none;
}




/* --Mise en page générale du container général-- */

#container {
	width:800px;
	height:880px;
	position:relative;
	margin:0px auto 0px auto;
}

/* --placement de l'animation d'intro-- */

#intro {
	position:absolute;
	left:0px;
	top:162px;
	width:800px;
	height:500px;
	
}

#intro2 {
	width:800px;
	height:700px;
	top:0px;
	position:relative;
	margin:0px auto 0px auto;
	background-image:url(images/intro2.jpg);
}

#blocktextintro {
	position:absolute;
	left:18px;
	top:230px;
	padding:0px 5px 0px 5px;
	width:559px;
	height:409px;
	z-index:2;
}

#bt-entrer {
	position:absolute;
	left:307px;
	top:511px;
	width:189px;
	height:35px;
}	



/* --Haut de page avec menu. Choix des images de la bannière-- */

#hautdepage1 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:281px;
	background-image: url(images/headers/banner1.jpg);
}	

#hautdepage2 {
	position:absolute;
	left:0px;
	top:-1px;
	width:800px;
	height:281px;
	background-image: url(images/headers/banner2.jpg);
}

#hautdepage3 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:281px;
	background-image: url(images/headers/banner3.jpg);
}

#hautdepage4 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:281px;
	background-image: url(images/headers/banner4.jpg);
}

#hautdepage5 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:281px;
	background-image: url(images/headers/banner5.jpg);
}

#hautdepage6 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:281px;
	background-image: url(images/headers/banner6.jpg);
}

#hautdepage7 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:281px;
	background-image: url(images/headers/banner7.jpg);
}

#hautdepage8 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:281px;
	background-image: url(images/headers/banner8.jpg);
}

#hautdepage {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:285px;
}

#menu {
	position:absolute;
	left:0px;
	top:102px;
	width:224px;
	height:177px;
}

#bouton_accueil {
	position:absolute;
	left:417px;
	top:10px;
	width:auto;
	height:auto;
}

#bouton_accueil2 {
	position:absolute;
	left:155px;
	top:10px;
	width:auto;
	height:auto;
}

/* --corps de page 1 ou 2 colonnes en image fond-- */

#fond1colonne {
	position:absolute;
	padding-bottom:35px;
	left:0px;
	top:280px;
	background-image:url(images/fonds/fond1colonne.jpg);
	width:800px;
	height:560px;
}

#fond1colonneb {
	position:absolute;
	padding-bottom:35px;
	left:0px;
	top:280px;
	background-image:url(images/fonds/fond1colonneb.jpg);
	width:800px;
	height:560px;
}

#fond2colonnes {
	position:absolute;
	left:0px;
	top:280px;
	background-image:url(images/fonds/fond2colonnes.jpg);
	width:800px;
	height:600px;
	
}


/* --Bas de page du menu-- */

#menubas {
	position:absolute;
	left:-1px;
	top:835px;
	width:800px;
	height:30px;
	text-align:center;
	padding-top:15px;
}



/* --Bas de page des droits et Xiti-- */

#droits {
	position:absolute;
	left:0px;
	top:883px;
	width:800px;
	height:15px;
	text-align:center;
	padding-top:5px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#xiti {
	position:absolute;
	left:-1px;
	top:906px;
	width:800px;
	height:15px;
	text-align:center;
	padding-top:5px;
}

/* --Positionnement et parametres des blocs colonnes-- */

#block1colonne {
	position:absolute;
	left:10px;
	top:37px;
	width:495px;
	height:488px;
	padding:10px;
	text-align:justify;
	overflow: visible;
}

#block2colonne1 {
	position:absolute;
	left:6px;
	top:35px;
	width:235px;
	height:487px;
	padding:10px;
	text-align:justify;
	overflow: visible;
}

#block2colonne2 {
	position:absolute;
	left:261px;
	top:10px;
	width:245px;
	height:512px;
	padding:10px;
	text-align:justify;
	overflow: visible;
}

#colonne3 {
	position:absolute;
	left:528px;
	top:97px;
	width:260px;
	height:720px;
	padding-left:6px;
	padding-top:6px;
	text-align:left;	
}

#block1colonnetableaux {
	position:absolute;
	left:6px;
	top:35px;
	width:505px;
	height:488px;
	padding:5px;
	text-align:justify;
	overflow: scroll;
}

/* --Parametres des blocs titres et blocs textes principaux-- */

#blocktitres {
	position:absolute;
	width:auto;
	height:30px;
	left: 10px;
	top: 5px;
}

#blocktext_blanc {
	position:absolute;
	width:499px;
	height:460px;
	padding-right:10px;
	top:42px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	overflow:auto;
	background-color: #FFFFFF;
	left: 1px;
}

#blocktext {
	position:absolute;
	width:492px;
	height:460px;
	padding-right:10px;
	top:40px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	overflow:auto;
	background-color: none;
	background-color:#FFFCE6;
	left: 10px;
}

#blocktextcolonne1 {
	position:absolute;
	width:235px;
	height:460px;
	padding-right:10px;
	top:40px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	overflow:auto;
}

/* --Parametres des blocs actualités et informations-- */


#blockiframe {
	position:absolute;
	width:253px;
	height:720px;
	padding-right:0px;
	top:0px;
}


#blocktextactu {
	position:absolute;
	width:240px;
	height:465px;
	padding:5px;
	top:0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	overflow:no;
	left: 0;
}


#blocktextinfo {
	position:absolute;
	top:477px;
	width:240px;
	height:200px;
	padding:5px;
	left: 0px;
}


/* --Parametres pop-up plannings-- */

#popup {
	position:absolute;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	width:610px;
	height: 615px;
	left: 1px;
	top: 1px;
	background-color: none;
	visibility: visible;
}

#popupcourspo {
	position:absolute;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	width:1107px;
	height: 1643px;
	left: 6px;
	top: 2px;
	visibility: visible;
	overflow:hidden;
}

#popupcours2007 {
	position:absolute;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	width:771px;
	height: 1898px;
	left: 0;
	top: 0px;
	visibility: visible;
	overflow:visible;
}

#popupforum {
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	padding:5px;
	width:620px;
	height: 525px;
	left: 0px;
	top: 0px;
	background-color:;
}

.entetetab1 {
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	background-color:#FF6600;
	padding:5px;
	
}

.entetetab2 {
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	background-color:#808000;
}

.entetetab3 {
	font-size: 11px;
	text-align:center;
	background-color:#CCCCCC;
	height:5px;
}

.texttab1 {
	font-size: 11px;
	text-align:left;
	padding:2px;
	font-weight: bold;
}

.texttab2 {
	font-size: 11px;
	text-align:left;
	font-weight: bold;
}

</style>