/* CSS Document */


/* ---------- Proprit gnrales ---------- */

body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#491A4D;
	background-color:#ffffff;
}



/* ---------- Liens ---------- */

a {
	color:#EF047E;
	font-weight:bold;
}

#book a {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:underline;
}

#facebook a {
	font-size:10px;
	color:#CCCCCC;
	text-decoration:underline;
}

#lang a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}


#lang2 a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}



/* ---------- Structure gnrale ---------- */

#conteneur {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#cccccc;*/
}

#haut {
	width:100%;
	height:110px;
	background-color:#ad9d9c;
}


#nav {
	color:#FFFFFF;
	width:100%;
	height:35px;
	background-color:#491A4D;
}
/*pour mettre le logo facebook*/
#navchris {
	/*width:700px;*/
	width:870px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
}


#bas {
	width:100%;
	height:35px;
	background-color:#aea09d;
	text-align: center ;
}

#header {
	width:870px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	
}

#maincontent {
	width:870px;
	padding:30px 0px 30px 0px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#ffffff;*/
}

#footer {
	width:870px;
	/*width:720px;*/
	height:35px;
	margin-left:auto;
	margin-right:auto;
	padding-right:0px;
	/*padding-right:150px;*/
}



/* ---------- colonnes ---------- */

/* colonnes 180 */

#col180 {
	width:180px;
	float:left;
}

#col180haut {
	padding:0;
	margin:0;
	height:27px;
	background:url(images/bulle_cote_haut.jpg) top left no-repeat;
}

#col180mid {
	padding:0px 14px 10px 16px;
	margin:0;
	line-height:18px;
	background:url(images/bulle_cote_fond.jpg) repeat-y;
}

#col180bas {
	margin:0;
	height:27px;
	background:url(images/bulle_cote_bas.jpg) top left no-repeat;
}


/* colonnes 680 */

#col680 {
	width:680px;
	float:right;
}
#col680haut {
	padding:10px 0px 0px 50px;
	margin:0;
	height:48px;
	background:url(images/bulle_milieu_haut.jpg) top left no-repeat;
}
#col680mid {
	padding:0px 20px 0px 20px;
	margin:0;
	line-height:18px;
	background:url(images/bulle_milieu_fond.jpg) repeat-y;
}
#col680bas {
	clear:both;
	margin:0;
	height:36px;
	background:url(images/bulle_milieu_bas.jpg) top left no-repeat;
}


/* colonne 870 */

#col870 {
	clear:both;
	width:100%;
	padding:30px 0 0 0;
}

#col870haut {
	padding:10px 0px 0px 50px;
	margin:0;
	height:37px;
	background:url(images/bullefocus_haut.jpg) top left no-repeat;
}

#col870mid {
	text-align:center;
	padding:0px 20px 0px 20px;
	margin:0;
	line-height:18px;
	background:url(images/bullefocus_mid.jpg) repeat-y;
}

#col870bas {
	clear:both;
	margin:0;
	height:47px;
	background:url(images/bullefocus_bas.jpg) top left no-repeat;
}


/* colonne 567 */

#col567 {
	width:567px;
	float:right;
}

#col567haut {
	height:25px;
	background:url(images/cadre_gris_haut.gif) top left no-repeat;
}

#col567mid {
	height:110px;
	padding:10px 40px 10px 40px;
	background-color:#ad9d9c;
}

#col567bas {
	height:25px;
	background:url(images/cadre_gris_bas.gif);
}


/* colonne 286 */

#col286 {
	width:286px;
	float:left;
	
}



/* ---------- Navigation ---------- */

/* Menu Haut */

#navigation {
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
}

#nav li {
	font-size:11px;
	display: inline ;
	margin-left: 5px ;
	margin-right: 5px ;
	list-style:none;
}

#nav li a {
	color:#FFFFFF;
	text-decoration:none;
	line-height:35px;
}


/* Menu Bas */

#footer li {
	font-size:10px;
	display: inline ;
	margin-left: 3px ;
	margin-right:3px ;
	list-style:none;
}

#footer li a {
	color:#491A4D;
	text-decoration:underline;
	line-height:35px;
}


/* Boutons */

#bouton {
	position:relative;
	height:45px;
	margin:30px 0 10px 0 ;
	padding:0;
}

#bouton ul {
	margin:0;
	padding:0;
}

#bouton ul li{
	text-align:center;
	width:119px;
	float:left;
	padding:0;
	margin:0px 20px 0px 0px;;
	background:url(images/bouton.gif) top left no-repeat;
	list-style:none;
}

#bouton ul li a{
	color:#FFFFFF;
	line-height:45px;
}


/* Menu Bulle de gauche */

#col180 ul {
	margin:0px 0px 0px 15px;
	padding:0;
}

#col180 ul li {
	font-size:12px;
	list-style:url(images/fleche.gif);
	margin:0;
	padding:0;
}

#col180 ul li a {
	color:#EF047E;
	line-height:16px;
	text-decoration:underline;
}



/* ---------- Classes de texte ---------- */

h1 {
	font-size:18px;
	font-weight:bold;
	color:#491A4D;
	margin:0;
	padding:0;
}

.corp {
	padding:0px 0px 10px 0px;
	margin:0px;
}

.corp10 {
	font-size:10px;
	padding:0px 0px 10px 0px;
	margin:0px;
}

.titre {
	margin: 0px 0px 10px 0px;
	font-weight:bold;
	padding:0;
}

.corp14bold {
	font-weight:bold;
	line-height:25px;
	font-size:14px;
	padding:0px 0px 10px 0px;
	margin:0px;
}

.corp12bold {
	font-weight:bold;
	line-height:20px;
	font-size:12px;
	padding:0px 0px 10px 0px;
	margin:0px;
}

.titre10 {
	margin: 0px 0px 10px 0px;
	font-size:10px;
	font-weight:bold;
	padding:0;
}

.bold {
	font-weight:bold;
}

.lang {
	margin-left:10px;
	margin-right:13px;
}



/* ---------- Autre ---------- */


/* positionne le logo dans le header */

#logo {
	float:left;
}


/* positionne l'adresse dans le header */

#adresse {             
	text-align:right;
	margin-top:15px;
	float:right;
}


/* positionne le menu de choix de la langue */

#lang {
	color:#FFF;
	font-size:10px;
	line-height:15px;
	font-weight:bold;
	text-align:right;
	margin-top:25px;
	background:url(images/lang1.gif) #aea09d right bottom no-repeat;
}

#lang2 {
	color:#FFF;
	font-size:10px;
	line-height:15px;
	font-weight:bold;
	text-align:right;
	margin-top:25px;
	background:url(images/lang2.gif) #aea09d right bottom no-repeat;
}


/* positionne le lien bookstorming en bas a gauche */

#book {
	text-align:left;
	width:150px;
	float:left;
	line-height:35px;
}

/* positionne le lien facebook en bas a droite */

#facebook {
	float:right;
	width:19px;
	position:relative;
	margin-top: 10px;
}


/* positionne le lien facebook en haut a droite */

#facebook2 {
	float:right;
	/*width:83px;*/
	position:relative;
	margin-top: 1px;
	margin-right: 0px;
}
/* Mise en forme du tableau dans Actualite */

.padding {
	padding:10px 10px 15px 10px;
}

.actu1 {
	background:url(images/fond-date-gauche.gif) left no-repeat;
	background-color:#aea09d;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
}

.actu2 {
	background:url(images/fond-date-droite.gif) right no-repeat;
	background-color:#aea09d;
	color:#FFFFFF;
	font-weight:bold;
	padding-right:10px;
}

/* Mise en forme du tableau dans contact */

#equipe {
	position:relative;
	width: 100px;
	float: left;
	text-align: left;
}

#equipe2 {
	float: left;
	text-align: left;
}

/* divers */

.margin15 {
	margin-top:15px;
}

.marginright {
	margin-right:50px;
}
/*-----------------------------tools type------------------------------------*/

#dhtmltooltip{
font-family:Verdana, Arial, Helvetica, sans-serif;
position: absolute;
width: 150px;
border: 2px solid #491A4D;
padding: 2px;
color:#ffffff;
background-color: #491A4D;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}