@charset "utf-8";
/* CSS Document */

* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}

body {
	margin:0;
	background-color:#ffffff;
	background-image:url();
}

a, a:active {
	text-decoration:none;
}
a:hover {
	color:orange;
}
a:visited {

}
p {
	margin-top:5px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	text-indent:0px;
	text-align:justify;
}

h1 {
	margin-top:5px;
	margin-bottom:40px;
	margin-left:10px;
	margin-right:10px;
	font-size:1.6em;
	color:rgb(21, 54, 62);
	letter-spacing: 0.2em;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
h2 {
	margin-top:5px;
	margin-bottom:30px;
	margin-left:10px;
	margin-right:10px;
	font-size:1.5em;
	letter-spacing:0.2em;
	background-color:#73939d;
	
}
h3 {
	margin-top:5px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	font-size:1.4em;
}
h4 {
	margin-top:5px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	font-size:1.3em;
}
h5 {
	margin-top:5px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	font-size:1.1em;
}
h6 {
	margin-top:5px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	font-size:0.8em;
	color:#557F55;
}
hr {

}

img {
	border:0;
}

th {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#205EAE;
	background-color:#efefef;
	font-weight:bold;
	text-align:left;
}

input, select {
	color: #000000;
	border-right: #FFB200 1px solid; 
	border-top: #FFB200 1px solid; 
	border-left: #FFB200 1px solid; 
	border-bottom: #FFB200 1px solid;
	font-size: 10px;
	font-family: verdana,arial;
}

/*		Blocs spécifiques *************************************************   */
#bandeau1 {
	height:20px;
	padding:2px;
	top:0;
	left:0;
	width:100%;
	background-color:#0089cf;
	z-index:10000;
}
#bandeau2 {
	background-color:#1f5e70;
	height:105px;
	top:33px;
	left:0;
	width:100%;
	z-index:10000;
}
#top1 {
	position:absolute;
	top:0;
	left:0;
	height:160px;
	width:100%;
	background-image:url(../images/E.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#top2 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:160px;
	background-image:url(../images/top4.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
#onglet {
	position:absolute;
	top:129px;
	left:220px;
	width:574px;
	height:34px;
	background-image:url(../images/onglets.jpg);
	background-repeat:no-repeat;
}
a.onglet, a.onglet:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
a.onglet:hover, a.onglet:active {
	color:#FF0000;
}
#main {
	width:820px;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding:30px 0px 100px;
	z-index:1;
	overflow:hidden;
}
#menu_gauche {
	float:left;
	width:168px;
	margin-left:12px;
}
/*
#menu_gauche p {
	color:#73939d;
	text-align:center;
	text-indent:0px;
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing:0.2em;
	background-color:rgb(21, 54, 62);
	border-bottom:1px solid #808080;
	margin:0px 0px 5px;
}
#menu_gauche a {
	display:block;
	font-size:0.8em;
}
#menu_gauche a:hover {
	background-color:rgb(21,54,62);
	color:#ffffff;
}
*/
#contenu {
	width:600px;
	margin-left:200px;
	padding-left:0px;
}

#footer {
	width:100%;
	height:76px;
	padding:2px 0px;
	background-color:#1f5e70;
	background-image:url(../images/footer1.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	font-size:0.7em;
	text-align:left;
}
#footer img {
	border:1px solid black;
}
#footer a, #footer a:visited {
	color:#93cee1;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#footer a:hover, #footer a:active {
	color:#ffffff;
}
.table_data {
	border:1px solid #aaa;
	border-collapse:collapse;
}
.table_data th {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#205EAE;
	background-color:#efefef;
	font-weight:normal;
	text-align:center;
	border:1px solid #ccc;
}
.table_data th p {
	text-align:inherit;
	margin:5px 0px;
}
.table_data td {
	border:1px solid #ccc;

}
ul.onglets {
	height: 20px;
	margin : 0;
	padding-left: 5px;
	background:url(../images/css-onglet.gif) repeat-x bottom;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
ul.onglets li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
ul.onglets a:link, ul.onglets a:visited {
	float:left;
	background: #f3f3f3;
	line-height: 14px;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration:none;
	color:#666;
}
ul.onglets ongletEteint {
	float:left;
	background: #f3f3f3;
	line-height: 14px;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration:none;
	color:#666;
}
ul.onglets a:link.ongletActif, ul.onglets a:visited.ongletActif {
	border-bottom:2px solid #fff;
	background:#fff;
	color:#000;
}
ul.onglets a:hover { background:#fff;}
div.ongletsPanel {
	border-style: solid;
	border-width:0px 1px 1px 1px;
	border-color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:5px;
}

div.accueil {
	font-size:0.4em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
div.accueil p {
	font-size:1.1em;
	color:#1f5e70;
	font-weight:bold;
}
div.accueil ul {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
div.accueil li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	list-style-image:url(../images/article.gif);
}

li.article {

}

p.titre_savoirplus {
	margin-top:25px;
	border-bottom:1px solid #205EAE;
	font-family:Arial, Helvetica, sans-serif;
	color:#205EAE;
	font-weight:bold;
	text-indent:0px;
}

div#faq {

}
div#faq h4 {
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border-bottom:1px solid #ccc;
}
p.bouton {
	margin:15px;
	text-align:right;
}
a.bouton {
	background:#ccc;
	border:1px solid #4e4275;
	padding:2px;
}
a:hover.bouton {
	background:#fff;
	border:1px solid #ccc;
	padding:2px;
	color:#4e4275;
}
ul.fleche_grise {
	list-style-image:url(../images/picto_encart_fleche.gif);
}
ul.fleche_grise li {
	margin-bottom:5px;
}