body {
	/* background: #CACACA url(images/background.png) repeat-x; */
	font-family: "Trebuchet MS", Verdana, serif;
	
}
#container {
	margin: 0 auto;
	width: 840px;
	position: absolute; /*obligatoire pour que la div orchidée en absolute se positionne par rapport au container et pas à la page du navidateur*/
	left: 50%; /*centrage sur la page*/
    margin-left: -420px;/*centrage sur la page*/
}
#header {
	
	width: 100%;
	padding-bottom: 20px;
	background-image:url(../IMG/jpg/top-v2.jpg); background-repeat:no-repeat;
}
#sub_header {
	text-align: right;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	padding-right: 20px;
	padding-bottom: 20px;
}
#main_content {
	margin: 0 auto;
	width: 100%;
	
/* 	background: #FFFFFF url('images/background_content.gif');
	background-repeat: repeat-y */
} 
#main_content_top {
	height: 30px;
	/* background: #FFFFFF url('images/background_top.gif'); */
} 
#main_content_bottom {
	height: 159px;
	background-image:url(../IMG/jpg/bottom-v2.jpg); background-repeat:no-repeat;
	}

#main_content_bottom_menu {
	position:absolute;
	width: 840px; /*taille du container - indispensable pour centrer le menu*/
	bottom:140px;
	text-align:center;
	font-size: 11px;
	color: #608fc3;
	}
	
#footer {
	text-align: center;
	font-size: 10px;
	margin: 10px auto;
	
}
/*enleve les flèches en haut sur une navigation avec onglets*/
div.decoupe_haut{display:none !important;}


/*pour décaler le texte après une puce vers la droite*/
.decale{ 
	padding-left:35px; 
	padding-top:0;
	font-size: 11px;
	}


/* Listes avec image dans les pages sur techniques */
.liste {
	
	}

.liste ul {
	list-style-type: none;
	padding: 0;
	margin: 0;	
}

.liste li {

	background-image: url('images/puce.gif');
	background-repeat: no-repeat;
	background-position: 0 0em; /* le 2eme em deplace verticalement*/
	padding-left: 3em; /*deplace le texte vers la droite par rapport a la puce*/
	padding-top: 3px;

	}
/* FIN listes avec image dans les pages sur techniques */

/*alignement a droite*/
.droite {
	text-align: right;
	}
/*FIN alignement a droite*/


.content {
	float: left;
	width: 570px;
	text-align: justify;
	padding: 0 30px 0 30px;
	font-size: 13px;
	overflow: auto;   /* pour que le texte défile ds 1 boite. overflow obligatoire + taille fixe */
	height: 455px; 
}

/* pour les pages de moins de 800px - pour les >800, identique à content*/
.content-alt{
	float: left;
	width: 570px;
	text-align: justify;
	padding: 0 30px 0 30px;
	font-size: 13px;
	overflow: auto;  
	height: 455px; 
}

.content-overflow {
	float: left;
	width: 570px;
	text-align: justify;
	padding: 0 30px 0 30px;
	font-size: 13px;
	overflow: visible; 
	 
}


.menu {
	width: 160px;
	float: right;
	padding: 0px 0px 0px 20px;
	/* border-left: #dd6f94 1px solid; */
	font-size: 12px;
}
.menu ul {
	margin: 0;
	padding: 10px 0px 0px 15px;
	/* border-left: #608fc3 1px solid; */
	
}
.menu il {
	list-style-type: disc;
	
	
}

/* pour positionner l'illustration à droite en dehors des DIV existantes et chevaucher*/
img.illustration {
	/* width: 320px; */
	position:absolute;
	top:340px;
	right:0px;
	}
	
.puce {
	list-style-position: outside; /*pour que le retour a la ligne soit indenté avec le texte au dessus*/
}

	
#header h1 {
	margin-bottom: 0px;
	font-size: 28px;
	font-weight: bold;
	color: #dd6f94}
.content h2 {
	margin-top: 0px;
	font-size: 16px;
	/* font-weight: bold; */
	color: #dd6f94;
	
}

.content h3 {
	margin-top: 0px;
	font-weight: bold;
	color: #777777;
	}

.content-alt h3 {
	margin-top: 0px;
	font-weight: bold;
	color: #777777;
	}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}
.menu_title {
	font-size: 18px;
	font-weight: bold;
	color: #dd6f94
}
.menu ul {
	margin: 0;
	padding: 10px 0 20px 15px;
	padding-left: 3em; /*pour décaler les menus vers la droite sans modifier la taille de la div*/
	
}
.menu li {
	padding-top: 4px; /*interligne entre chaque élément de la liste*/
	
	list-style-type: circle;
	color: #608fc3;
	font-weight: bold;
	
}
a {
	color: #dd6f94;
	/* font-weight: bold; */
	text-decoration: none;
}

a img {

border:0;

}


a:hover {
	color: #dd6f94;
	font-weight: bold;
	/* text-decoration: underline */
}
a.menu_link {
	color: #608fc3;
	/* font-weight: bold; */
	text-decoration: none;
}
a.menu_link:hover {
	color: #dd6f94;
	font-weight: bold;
	text-decoration: none;
}

a.lien_accueil{
	color: #dd6f94;
	text-decoration: none;
	font-size: 14px;}  

a.lien_accueil:hover{
	/* color: #608fc3; */
	/* font-weight: bold; */
	text-decoration: none;
	font-size: 14px;} 
	
	
a.menu_bottom { /*rajout pour les liens de menus en bas*/
	color: #608fc3;
	text-decoration: none;
	}
	
a.menu_bottom:hover { /*rajout pour les liens de menus en bas*/
	color: #dd6f94;
	font-weight: bold;
	text-decoration: none;
	background-color:white;
	}

	
	
.quote {
	margin: 20px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}


/* ruse pour les fausses puces en 1ere page*/
img.puce {
	vertical-align: middle;
	text-align: left;
	padding-right: 5px;
	} 

/* pour décaler les soins en page d'accueil vers la droite	 */
.liste-home{
	padding: 0em; text-indent:2em; /*3em en 1000px*/
	}

/*utilisé pour l'orchidée en début de ligne titre*/
img.puce-titre {
	vertical-align: bottom;
	
	}
img.trait-titre {
	/* border-bottom: #608fc3 1px solid; */
	/* padding-bottom: 3px; */
	}
	
.renvoi-tarif {
	font-size:12px;
	}
	
.titre-liste {
	color: #608fc3;
	font-weight: bold;
	}
	
.style2 {
	color: #dd6f94;
	font-weight: bold;
}

/*pour le script affiche.js ds page Formations*/

.montre {
	display: block;}

.cache {
	display: none;}