/*
	Style Sheet, site Au coeur de la main
	info@solutions-zen.com
*/
/* ******************************************************************************************* */	
/* *******************                    RÈGLES GÉNÉRALES                  ********************/
/* ******************************************************************************************* */

* {margin:0;padding:0;}

body {
	background-color : #000000;
	text-align : center;
	font    : 16px Verdana;  /*1.0em Georgia,Times,"Century Schoolbook L",serif;*/
	line-height:1.4;
	color   : #000000;
}

html {margin:0; padding:0;} /* pour Opera qui met les marges dans le tag HTML */

/* Les couleurs du site */ 
.rouge {color:rgb(138,29,32);} /* #8a1d20 */
.beige {color:rgb(255,246,219);} /* #fff6db */

.bleulettrage {color:rgb(27,92,126);}  /*  #1b5c7e	  */
.rougemessage {color:#8a1d20;}
/* Formatage des images */
img {
    border  :none;
}

/* Formatage des liens (autres que ceux des sous-menus) */
a {color :#1b5c7e;}
a:visited {color:#77a9c3;} /*  bleu-gris pale */
a:active {color:#77a9c3;}
a:hover {color:#77a9c3;}


table {     /* équivalent à mettre toutes les table à "cellspacing 0 et padding 0"*/    
    border-collapse: collapse;   
}
table td {
	vertical-align:top;
}

h1 { 
	background: transparent url(images/symbole_h1.gif) no-repeat 0px 6px;
   font-size : 2.0em;  
   color :  #000000;
   padding : 0 0 0 45px;
   margin : 0 0 15px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/
}
h2 {
   font-size : 1.6em;  
   color : #1b5c7e;
   margin : 0 0 6px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/
}
h3 {
   font-size : 1.2em;  
   color : #000000;
   margin : 0 0 4px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/
}
h4 {
   font-size : 1.2em;  
   color : #8a1d20;
   margin : 0 0 4px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/
}

input,select {
	font    : 0.9em arial,verdana,tahoma,sans-serif;
	padding:0.4em;
}
textarea {
	font    : 0.9em arial,verdana,tahoma,sans-serif;
}

/* ******************************************************************************************* */	
/* *******************                    DIVs de découpage                 ********************/
/* ******************************************************************************************* */
#complet {
/*	background : transparent url(images/site_pattern.gif) repeat-y top left;*/
background: #ececec;
	margin: 0px auto;
	padding: 0px;	
    text-align : left;
    width  : 980px;  
    position:relative;
    /*  border:1px solid #00ff00;  */
}

#entete	{
	background: rgb(48,140,200) url(images/coeur-logo.png) no-repeat 40px 0px;
	color: #fff;
	margin  : 0;
	padding : 5px 0 5px 230px;
	text-align : left;
    height  : 155px;
	/*border  : 1px solid #0000ff; */ 
}
#entete h1 { color:#fff; background:none; padding:0; margin:0; font-size:2.2em; font-weight:normal;}
#entete h2 { color:#fff; background:none; padding:0 0 5px 0; font-size:1.8em; font-weight:normal;}
#entete h3 { color:#fff; background:none; padding:0; font-weight:normal;}
    

#corps {
    background: #fff;
    padding-top:10px;
/*	background: transparent url(images/bordure_indien.gif) no-repeat top left;*/
	/*   border:1px solid #0000ff;   */

}


/* ******************************************************************************************* */	
/* *******************                    formattage du menu               ******************* */
/* ******************************************************************************************* */

#menu {
	font : 22px Georgia,Times,"Century Schoolbook L",serif;
	/*float : left*/
	margin  : 0 0 15px 0;
	padding : 0;
	border-bottom:3px solid #ddd;
   /* width : 260px;*/
	/*  border  : 1px solid #ff00ff; 	 */
}
#menu ul {display:block;}
#menu li {
    margin: 0 0 10px;
    padding: 0 15px;
    list-style-type : none;	 
	text-align : center;
    float:left;
    /*background : transparent url(images/puce_menu.gif) no-repeat 5px -22px;
	height: 22px;
    padding: 0 0 0 35px;*/
}/*
#menu li:hover {
    background : transparent url(images/puce_menu.gif) no-repeat 5px 0;
}*/

#menu a {
    display:block;
    padding: 8px;
	background-color :#fff;/*fff6db;*/
	text-decoration:none;
	color:rgb(48,140,200);
}
#menu a:visited {
    
	color:rgb(48,140,200);
	/*color:#fff6db;*/
	} 
#menu a:active {color:#222;}
#menu a:hover {
	color:#000000;
	background-color:rgb(48,140,200);
}

/* ******************************************************************************************* */	
/* *******************                   formattage du contenu             ******************* */
/* ******************************************************************************************* */
/* on peut créer ici des nouveaux ID pour des pages plus particulières, et utliser "contenu" comme générique...*/


#contenu {
	margin  : 0px 30px;
}

#contenu p {
	/*font-size: 0.9em;*/
	margin:0 0 1em 0;
	/*text-align:justify;*/
}
#contenu hr {
	color:#4fad26;
	margin : 6px 0 6px 0;
	border-style : solid;
	height : 2px; 
	padding : 0px;
}
#contenu ul	{
	margin:0;
	/* border: 1px solid #ff0000;  */
}
#contenu ul	ul {
	list-style-type:circle;
}
#contenu li	{
	font-size:0.9em;
	margin:0 0 0.2em 50px;
	/* border: 1px solid #00ff00; */
}		 

#contenu .asterix {
	color :	#d15826;
	font-size:2.0em;
}
#contenu .boitespeciale {
	background-color:#f9f2e0;
	border:1px solid #D3C5A7;
	margin: 20px 50px 30px 50px;
	padding: 5px 10px;
}
#contenu .permistarifs th {
	vertical-align:top;
	color:#2c7909;	
	padding:0 5px 0 0;
}
#contenu .permistarifs td {
	vertical-align:top;
	padding:0 5px 0 0;
} 
#contenu .floatdroit {
	float:right;
	margin:0 0 10px 20px;
	font-size:10px;
}
#contenu .image_droite {
	border:4px double #000000;
	float:right;
	margin:0 10px 20px 30px;
}
#contenu .image_gauche {
	border:4px double #000000;
	float:left;
	margin:0 20px 0 0;
}

.img-droite {
    float:right; width:45%; height:auto; margin:0 0 1em 1em;
}
#contenu .floatgauche {
	float:left;
	margin:0 20px 10px 0;
	font-size:10px;
}
#contenu .floatgauche img {display:block;}

#contenu .grostexte {
	font-size: 1.0em;
	color: #1b5c7e;
}