/*
 * Cette feuille de style est bien entendu soumis 
 * a certaines restrictions que vous trouvez à l'adresse suivante
 * (http://fraternet.fr/article.php3?id_article=38). Pour toutes utilisations 
 * une demande doit être effectué depuis nos formulaires de contact.
 * Il est dans l'intêret de tous de ne pas reproduire un design web. 
 * De plus, il est important pour votre identité visuelle d'avoir
 * votre propre design.
 */

/***************************************/
/* Déclaration du corps		       */
/***************************************/

body {
	top: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(images/Rose_et_blanc4184.gif) repeat;
}

#enveloppe_acc {
	width: 651px;
	margin-top: 12px;
	/* margin: 8px auto; */
	padding: 0;
	text-align: center;
	line-height: 150%;
}

#enveloppe {
	width: 780px;
	margin: 8px auto;
	padding: 2em;
	text-align: left;
	line-height: 150%;
}

#tout #enveloppe {
	/* background-color: #FFFFFF; */
}

html, body {
	height: 100%;
}

/***************************************/
/* Déclaration de la structure	       */
/* de la page			       */
/***************************************/

#entete {
	background: url(images/bandeau_haut.png) center top no-repeat;
	height: 149px;	
	margin-bottom: 2em;
}

#entete h1 {
	font-size: 3em;
	padding-top: 1.2em;	
}

#menu-gauche {
	position: relative;
	float: left;
	left: 0;
	top: 1px;
	width: 23% !important;
	width: 21%;
/* 	height: 90% !important;
	height: 100%; */
	padding-top: 4px !important;
	padding-top: 4px;	
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 0;
	margin-bottom: 10px;
}

#corps_acc {
	min-height: 100%;
	width: 100%;
	margin-left: 36% !important;
	margin-left: 9%;	
	margin-bottom: 20px;
	margin-top: 0;
	/* padding-right: 10px; */
	line-height: 23px;
	background-color: #FFFFFF;
}

#corps {
	min-height: 100%;
	width: 74% !important;
	width: 100%;
	top: 0;
	margin-left: 24% !important;
	margin-left: 22%;
	/* margin-right: 22%; */
	line-height: 13px;
	
}

#contenu {
	/* padding-right: 10px; */
	padding: 1em 3em 3em 3.1em;	
	background: url(images/fond.png) repeat-y;
}


#pied {
	clear: both;
	/* background: url(images/pied.png) no-repeat; */
	height: 25px;
	text-align: center;
}

/* #recommande {
	position: fixed;
	width: 30%;	
	top: 0;
	right: 0;
	color: red;
	font-size: 3px !important;
	font-size: 10px;
	background-color: #cccccc;
	z-index: 10;
} */

.left { float: left; width: 35%; }

.right { height: auto; }

.right_contact { margin: 2em; }

.spacer { clear: both; }

/***************************************/
/* Arrondies			       */
/* 				       */
/***************************************/

#haut, #haut2, #bas {
height: 38px; width: 565px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}


#haut {
background: url(images/haut.png);
}
#bas {
background: url(images/bas.png);
}


/***************************************/
/* Déclaration des éléments 	       */
/* de navigation		       */
/***************************************/

#evitement,
#evitement2 {
	display: none;
	/* text-align: center; */
}

#navigateur {
	color: #000066;
        padding-left: 0.4em;
	padding-bottom: 1.1em;
	margin-left: 2% !important;
	margin-left: 3%;
}

#navigateur ul {
	margin-left: 0;
        padding-left: 0;	
        display: inline;
        border: none;
}

#navigateur li {
	margin-left: 0;
        border: none;
        list-style: none;
        display: inline;
	font-size: 0.8em !important;
	font-size: 0.9em;
	padding-left: 1.5em !important;
	padding-left: 2em;
	background: url(images/puce.png) 0 0.1em no-repeat;	
}

#menu-gauche li {
	list-style: url(images/puce.png);
}

/***************************************/
/* Déclaration des tableaux 	       */
/* 				       */
/***************************************/

table {
	width: 70% !important;
	width: 50%;
}

table.conseil {
	width: 90% !important;
	width: 70%;
	font-size: 0.9em;	
}

caption {
	display: none;
}

td {
	text-align: center;
	vertical-align: top;
	padding: 1.5em !important;
	padding: 0.9em;
}

table.conseil strong {
	font-size: 1.1em;	
}


pre {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

/***************************************/
/* Déclaration de la typo 	       */
/* 				       */
/***************************************/

h1 {
	font-size: 2em;
	line-height:
	padding: 2em 0 2em 0;
	margin: 0 0 0 0;
	text-align: center;
	color: #ffa66c;
}	

.titre {
	color: #499dfa;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 0.2em;
	padding-top: 1em !important;
	padding-top: 0;
	/* padding-bottom: 2em; */
	margin: 0;
/* 	border: 1px solid #CCCCCC;
	-moz-border-radius: 6px; */
	/* background: url(bandep.png) repeat-x; */
}

.petit {
	font-size: .9em;
}

.marge {
	margin: 1.3em;
}

#menu-droite ul {
	padding-left: 20px !important;
	padding-left: 0;
}

#menu-droite li {
	list-style: none;
	color: #000000;
	font-size: 1em;
	padding-left: 1.2em !important;
	padding-left: 1.4em;
	padding-bottom: 0.2em;
}	

li.num {
	list-style-type: decimal;
}

#activites li {
	list-style-type: none;
}

h2 {
	font-size: 1.3em;
	color: #499dfa;
	padding-left: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	background: url(bande.png) repeat-x;
/* 	border: 1px solid #CCCCCC;
	-moz-border-radius: 6px; */
}

p {
	text-align: justify;
	margin : 1em 0; 
	line-height: normal;
}

p.bleu {
	color: #499dfa;	
}

blockquote {
	/* margin: 2em; */
        padding: 0.5em 2em 0.5em 5em !important;
        padding: 0.5em 2em 0.5em 6em;
	background: url(citation.png) -0.5em 0 no-repeat;
	text-align: justify;
	font-style: italic; 
	border: 1px solid #CCCCCC;
	-moz-border-radius: 6px;
}

img {
	padding: 0.5em;
	border: none;
}

#corps img {
	/* float: left; */
	padding: 0.5em;
}

a {
	color: #499dfa;
}

a:hover {
	color: #ffa66c;
}

a:visited {
	color: #499dfa;
	font-weight: bold;
}

a[accesskey]:after {
	content: "\0000a0[" attr(accesskey) "]";
	color : #CCCCCC;
	background : transparent;
}

.right a { font-weight: none; }