body {background-image:url(images/fond.png);}
img {border:0;}
a {text-decoration:none;}

#conteneur{position:absolute; width:900px; top:0px; left:50%; margin-left:-450px; font:normal 12px Arial, Verdana, Times, sans serif; color:#333333; border:1px solid #333333; border-bottom:2px solid #333333; border-collapse:collapse; text-align:justify; margin-bottom:10px; background-color:white;}
	#conteneur td.haut {width:100%; height:70px; border:0px solid #3A3B3C; vertical-align:top; background-color:#ffffff; padding:0px; margin:0px;}
	#conteneur td.gauche {width:100%; height:100%; vertical-align:top; background-color:#ffffff;}
	#conteneur td.centre {width:; vertical-align:top;}
	#conteneur td.droite {width:44%; vertical-align:top;}
	/*#conteneur td.bas {width:100%; font-size:11px; border-top:2px solid #1A8ECB;}*/
	#conteneur td {border:0px solid green;}

	table td {vertical-align:top;}

	.logo_psim {float:left; margin:10px;}
	.menu_secondaire {float:right; height:50px; width:300px; text-align:right; padding:5px; margin-top:10px; border:0px solid red;}
	.menu_secondaire a {color:#888182;}
	.menu_complet {float:right; height:32px; width:100%; border:0px solid red; background-image:url(images/titre01_02.gif);}
	.menu_complet a {color:#ffffff;}
	.menu_unite {float:right; width:160px; padding-left:5px; padding-right:5px; text-transform:uppercase;}
	.menu_centre3 {line-height:32px; text-align:center; font-weight:bold; cursor:pointer;border:0px solid red;}
	.menu_centre3:hover {color:#E08517;}
	.menu_centre3 a:hover {color:#E08517;}
	.menu_separation {float:right; width:10px; line-height:32px; text-align:center; font-weight:bold; color:#ffffff;}
	.menu_texte {margin-top:8px; color:#ffffff; font-weight:bold;}

	.menu_unite_img {width:215px; height:30px;}
	.menu_gauche_img {float:left; width:10px; height:30px; background-image:url(images/bouton_long_gris2_01.gif);}
	.menu_centre_img {float:left; height:30px; width:195px; background-image:url(images/bouton_long_gris2_02.gif);}
	.menu_centre_img a {color:#1F2A7D;}
	.menu_droite_img {float:right; width:10px; height:30px; background-image:url(images/bouton_long_gris2_03.gif);}

	.titre_flc {height:26px; margin-top:5px; font-weight:bold; text-align:left; font-size:13px; color:#ffffff; background-image:url(images/titre01_05.gif);}
	.menu_gauche_flc {float:left; width:19px; height:26px; background-image:url(images/titre02_02.gif);}
	.menu_centre_flc {float:left; width:150px; height:26px;}
	.menu_centre_flc a {color:#ffffff;}
	.menu_texte_flc {margin-top:5px;}
	
	.titre_flc2 {height:26px; margin-top:5px; font-weight:bold; text-align:left; font-size:13px; color:#ffffff; background-image:url(images/titre01_02.gif);}
	.menu_gauche_flc2 {float:left; width:15px; height:26px; background-image:url(images/bouton_fleche.png);}

	.titre_unite {float:left; width:; padding-left:5px; padding-right:5px;}
	.titre_gauche {float:left;}
	.titre_centre {float:left; height:32px; width:450px; text-align:left; background-image:url(images/titre01_02.gif);}
	
	.titre1 {width:160px; padding:5px; font-weight:bold; font-size:13px; background-image:url(images/titre01_02.gif); color:#E27008; border-left:2px solid #E27008;}
	.texte1 {padding:5px; margin-left:0px; margin-top:0px; margin-bottom:0px; border:1px solid lightgrey; background:#E3E3E6; background-image:url(images/fond_gris03.gif); background-repeat:repeat-x; text-align:justify;}
	.titre2 {padding:5px; margin-top:10px; font-weight:bold; text-align:center; font-size:13px; background-image:url(images/titre01_04.gif); color:#333333; border-left:2px solid #E27008;}
	.texte2 {height:; padding:5px; border:0px solid #3A3B3C; border:1px solid lightgrey; background:#E3E3E6; background-image:url(images/fond_gris.gif); background-repeat:repeat-x; text-align:justify;} /*fond de la couleur du bas du d�grad� image pour garder l'homog�n�it� selon la hauteur de la div*/
	.titre3 {margin-top:5px; padding:5px; font-weight:bold; font-size:13px; background-image:url(images/titre_arrondi.gif); color:#ffffff;}
	.titre4 {margin-top:5px; padding:5px; font-weight:bold; font-size:13px; background-image:url(images/titre_arrondi02.gif); color:#E27008; height:22px;}
	.titre_bas4 {padding:5px; background-image:url(images/titre_arrondi_bas02.gif);}
	.texte4 {padding:5px; margin-left:0px; margin-top:0px; margin-bottom:0px; border-right:1px solid lightgrey; border-left:1px solid lightgrey; background:#E3E3E6; background-image:url(images/fond_gris03.gif); background-repeat:repeat-x; text-align:justify;}
	.titre5 {margin-top:5px; padding:5px; font-weight:bold; font-size:13px; background-image:url(images/titre_arrondi03.gif); color:#ffffff; height:22px;}
	.titre_bas5 {padding:5px; background-image:url(images/titre_arrondi_bas03.gif);}
	.titre6 {margin-top:5px; padding:5px; font-weight:bold; font-size:13px; background-image:url(images/titre_arrondi_long.gif); color:#E27008; height:22px; background-repeat:no-repeat;}
	.titre_bas6 {padding:5px; background-image:url(images/titre_arrondi_long_bas.gif); background-repeat:no-repeat;}
	.titre7 {margin-top:5px; padding:5px; font-weight:bold; font-size:13px; background-image:url(images/titre_arrondi_long2.gif); color:#333333; height:22px;}
	.titre_bas7 {padding:5px; background-image:url(images/titre_arrondi_long2_bas.gif);}
	.titre8 {margin-top:5px; padding:5px; font-weight:bold; font-size:13px; background-color:#bbbbbb; color:#333333; line-height:18px;}


	/*---------- pages intérieures ----------*/
	.page_gauche {width:15%; padding:5px; border-left:1px solid #1A8ECB; background-image:url(images/fond_clair.png); vertical-align:top;}/*background-image:url(images/fond_gris03_horizontal.gif); background-repeat:repeat-y; */
		.titre_flc_gch {height:26px; margin-top:5px; font-weight:bold; text-align:left; font-size:13px; color:#ffffff; background-image:url(images/titre01_05.gif);}
		.menu_gauche_flc_gch {float:left; width:19px; height:26px; background-image:url(images/titre02_02.gif);}
		.menu_centre_flc_gch {float:left; width:150px; height:26px;}
		.menu_centre_flc_gch a {color:#ffffff;}
		.menu_texte_flc_gch {margin-top:5px;}
	.page_centre {width:85%; padding:15px; margin:0px; background-color:white; border-right:1px solid #1A8ECB;}/* background-image:url(images/fond_gris03_horizontal_inverse.gif); background-repeat:repeat-y; background-position:right;*/
	.page_droite {width:0%; background-color:#ffffff; margin:0px; padding:0px;}
	
	h1.titre_page {font:bold 16px Arial; text-transform:uppercase; padding:0; margin:0;}
	h1.titre_page2 {font:bold 16px Arial; padding:0; margin:0;}
	h2.soustitre_page {font:bold 14px Arial; color:#E27008; padding:0; margin:0;}
	.separateur {width:100%; border-bottom:1px solid lightgrey; height:1px;}
	.separateur_orange {width:100%; border-bottom:1px solid #E08517; height:1px;}
	
	ul {margin:0px; padding:0px; padding-left:25px;}
	.key_features {width:435px; background-color:#E7E7EC; border:1px solid lightgrey; padding:3px;}
	.legende {font:italic 11px Arial;}
	.legende a {font-weight:normal;}
	
	#bloc_menu_gauche {font-size:11px; padding:2px; background-color:#999999;}
	ul.menu_gauche {background-color:lightgrey; margin:0px; padding:0px; padding-left:0px;}
	ul.menu_gauche li {margin:0px; padding:3px; padding-left:15px; list-style-type:none; border-bottom:1px solid #999999;}
	ul.menu_gauche a {font-weight:normal; color:#333333;}
	ul.menu_gauche a:hover {color:#E27008;}
		ul li.menu_gauche_titre {font-weight:bold; color:#1A8ECB; background-color:#999999; padding-left:3px; border-bottom:1px solid lightgrey; color:#333333;}
		ul li.menu_gauche_titre a {font-weight:bold;}
		ul li.menu_gauche_titre a:hover {color:#ffffff;}
		
	a {color:#1F2A7D; font-weight:lighter;}
	a:hover {color:#E27008;}
	
	.formatText{ text-transform : capitalize;}
	
	
	
a.info {
   position: relative;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info .firstLevel {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover .firstLevel {
   display: inline; /* On affiche l'infobulle. */
   color : #1F2A7D;
   position: absolute;
   top: 30px; /* On positionne notre infobulle. */
   left: 20px;
   background: white;

}

.firstLevel {
	font-weight : lighter;
}

.secondLevel { 
	display: block;
	width: 240px;    /*250*/
	padding: 5px;
	border: 1px solid #2D7B93;
	line-height: 20px;
}

.next {
	margin-top: 5px;
}

.Img{
	margin : 0 auto;
}
	
	
	
	
	
   	
	.blanc {color:#ffffff;}
	.bleuclair {color:#1A8ECB;}
	.bleufonce {color:#1F2A7D;}
	.orange {color:#E27008;}
	.grisfonce {color:#3A3B3C;}
	.grisclair {color:gray;}
	.carmin {color:#C2462E;}
	h3.accroche {font-weight:bold; color:#E27008; padding:0; margin:0;}

	.banniere_unite {height:60px; width:100%; margin-bottom:10px;}
	.banniere_gauche {float:left; width:104px; height:60px;}/*image de fond sp�cifique � chaque bandeau; background-image:url(images/banniere_01.png); */
	.banniere_centre {float:left; height:60px; width:80%; font-size:18px; color:#ffffff; font-weight:bold;}
	.banniere_droite {float:left; width:32px; height:60px;}
	.banniere_txt {float:left; padding-left:40px; padding-top:6px;}

	.lien_unite_img {width:100px; margin-top:5px;}
	.lien_gauche_img {float:left; width:10px; height:30px;}/*image de fond sp�cifique � chaque bandeau; background-image:url(images/banniere_01.png); */
	.lien_centre_img {float:left; width:80px; height:30px;}
	.lien_centre_img a {color:#ffffff;}
	.lien_droite_img {float:right; width:10px; height:30px;}


	/* Formulaires */
	#piedForm {
		text-align: center;
	}
	#corpForm {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/
		color: #000;
		margin: 0;
		padding: 1em;
	}
	#corpForm input {
		font-size:11px;
		height: 13px;
	}
	#corpForm fieldset {	/*** Mise en forme des cadres ***/
		margin: 0;
		font-style: normal;
		padding: 5px;
		border: 1px solid #6d6e71;
		background-color:#dddddd;
	}
	#corpForm legend {	/*** Mise en forme des titres des cadres ***/
		font-weight: bold;
		color: #000;
		background: transparent;
	}
	#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
		padding: .2em 0;
		margin: 0 0 .2em 0;
		color:#000;
	}
	label {font-size:11px;}
	#corpForm fieldset.neutre {	/*** Mise en forme des cadres ***/
		margin: 0;
		font-style: normal;
		padding: 5px;
		border: 1px solid #6d6e71;
		background-color:#ffffff;
	}
	#corpForm fieldset.coordonnees label {	/*** Mise en forme des intitules de champs ***/
		float: left;	/*** Tres important, ne pas suprimer ! ***/
		width: 45%;	/*** Les intitules prennent environ 1/2 de la largeur totale du formulaire... ***/
		text-align: right;	/*** ... et ils sont alignes a droite... ***/
		margin: 0;
		padding: 0 .5em 0 0;
		line-height: 1.5;	/*** ... et centres verticalement. ***/
		
	}
	#corpForm label:hover {
		cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs a cliquer sur les intitules ***/
	}
	#corpForm label.oblig {
		font-weight: bold;	/*** Mise en evidence des champs obligatoires ***/
	}

/* Block Follow us */
#follow {
	float: right;
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 12px;  
	line-height: 18px;  
	text-align: center;
	position: relative;
	top: -5px;	
	width: 90px;
	margin: 0px auto;	
	padding: 3px
}
#follow > p {
	color:#333; 
	font-size:11px;
	margin: 0;
}
#follow > ul {
	display: none;
	list-style-type: none;
	background-color: #fff;
	border : 1px solid #ccc;	
	padding: 0
}
#follow > ul > li > a {
	padding : 3px;
	display : block;
	text-decoration : none;
	color : #333;
}
#follow > ul > li > a:hover {
	background-color : #ccc;
}
#follow > ul > li > a > img {
	float : left;
	margin-right : 8px;
}
address {  
	font-style: normal;  
	color: #444;
}
/** Divers :: Gary **/
.bouton {
    background-color: #3248d3;
    color: #eee !important;
    padding: 4px 12px;
    border-radius: 3px;
    border: 1px solid #14227b;
    box-shadow: 0 0 1px #333;
}
.bouton:hover, .bouton:focus {
    background-color: #5266e5;
    color: #fff !important;                    
}
.entete {
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
}
.entete > h1 {
    position: absolute;
    top: 0;
    left: 10px;
    color:#fff;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.075);
    background-color: rgba(0,0,0,0.43);
    padding: 4px 8px;
    border-radius: 4px;
}
.entete > img {
    display: block;
    max-width:100%;
    height: auto;
    border-radius: 4px;
}
.miaou {
    background : #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 8px;
}
.miaou > h1 {
    font-weight: normal;
    font-size: 28px;
    color: #999;
    margin-top: 50px;
}
.miaou > p {
    font-size: 18px;
    color: #333;
}
.miaou > p > a {
    color: #5e69ff;    
}
.previ > img {
    border: 1px solid #ccc;
    padding: 3px;
    border-radius: 4px;
    max-width: 100%;
    height: auto;
    transition: all 400ms ease;
}
.previ:hover > img {
    border-color: #5e69ff;
    box-shadow: 0 0 3px rgba(94, 105, 255, 0.4);
}
.miaou > .footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 5%;
    background-color: #5B605F;
    border-top: 1px solid #333;
    color: #eee;
    font-size: 15px;
    text-align: right;
    line-height: 22px;
}
.miaou > .footer > img {
    float: left;
}
.miaou > .footer > a {
    color: #f60;
}