
p {
	margin:0;
}
* {
	outline: none;
}
a, img {
	text-decoration:none;
	color:#000;
	border:none;
}
body {
	font-family:"Verdana", "Arial", "Times Roman";
	font-size:12px;
	margin:0;
	padding:0;
	background-image:url(../../images/1.0/fond-page-degrade2.jpg);
	background-repeat:repeat-x;
}
ul, li {
	margin:0;
	padding:0;
}
h1, h2, h3, h3, h4 {
	padding:0;
	margin:0;
}


#principal {
	position:relative;
	width:800px;
	margin:0 auto;
	z-index:1;
}
#hauteurHeader {
	width:1px;
	height:118px;
}
#header {
	position:absolute;
	top:0px;
	left:-4px;
	height:118px;
	width:809px;
	background-image:url(../../images/1.0/header3.jpg);
}
#corps {
	position:relative;
	z-index:1;
	background-color:#FFF;
	border-left:solid 1px #788be7;
	border-right:solid 1px #788be7;
	margin-bottom:20px;
}
.logo {
	position:absolute;
	top:36px;
	left:15px;
}
.coin-header-gauche {
	position:absolute;
	top:-1px;
	left:-1px;
}
.coin-header-droite {
	position:absolute;
	right:-1px;
	top:-1px;
}
#menu {
	height:42px;
	width:550px;
	position:absolute;
	top:70px;
	right:2px;
	z-index:1;
	font-size:16px;
}
#menu a {
	background-image:url(../../images/1.0/bouton-menu.jpg);
	background-repeat:no-repeat;
	float:right;
	display:block;
	margin-right:8px;
	text-align:center;
	padding-top:8px;
	width:100px;
	height:29px;
	color:#000082;
	font-weight:bold;
	position:relative;
}
#menu a:hover, #menu a.actif {
	color:#F00;
}
#separation {
	position:relative;
	text-align:center;
}
#zone1 {
	position:relative;
	text-align:center;
	margin-top:12px;
}
#texte-presentation {
	position:absolute;
	right:24px;
	top:55px;
	width:230px;
}
#zone1 h1 {
	text-align:center;	
	font-size:22px;
	position:absolute;
	left:25px;
	top:6px;
	width:750px;
	color:#000082;
}
#texte-presentation p {
	font-size:13px;	
	font-weight:normal;
	text-align:justify;
}
#zone2 {
	float:left;
	width:540px;
	z-index:10;
	position:relative;
}
#texte-bienvenue {
	margin-left:10px;
	margin-top:10px;
	text-align:justify;
}
#texte-bienvenue p {
	margin:10px 6px;
	margin-bottom:20px;
}
#texte-bienvenue a {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
	float:left;
	margin-left:40px;
	margin-bottom:14px;
	background-image:url(../../images/1.0/boutonGlossy.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:42px;
	display:block;
	color:#000082;
}
#texte-bienvenue a:hover {
	background-image:url(../../images/1.0/boutonGlossyHover.jpg);
	color:#FFF;
}
#actualite {
	margin-left:10px;
}
.contenu-news {
	padding:6px 0;
}
.contenu-news p {
	margin:0 6px;
	margin-top:2px;
	margin-bottom:6px;
}
.contenu-news a {
	color:#000082;
}
.contenu-news a:hover {
	color:#F00;
}
.contenu-news span {
	display:block;
	float:left;
	font-size:10px;
	font-weight:bold;
	margin-right:10px;
	margin-top:4px;
}
#zone3et4 {
	position:absolute;
	top:310px;
	right:15px;
	width:235px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:20px;
}
#zone3 {
	position:relative;
	text-align:center;
	padding-bottom:30px;
	background-image:url(../../images/1.0/zone3et4Center.gif);
	background-repeat:repeat-y;
}
#zone3 span, #zone4 span {
	display:block;
	width:240px;
	background-image:url(../../images/1.0/zone3et4Top.gif);
	background-repeat:no-repeat;
	height:42px;
	padding-top:8px;
	font-size:20px;
	font-weight:bold;
	color:#000082;
}
.zone3-bas {
	position:absolute;
	left:0;
	bottom:0;
}
#zone3 ul {
	margin-top:10px;
}
#zone3 ul li {
	margin-top:10px;
	font-size:16px;
	list-style:none;
}
#zone3 ul li a {
	display:block;
	padding:0;
	margin-bottom:10px;
}
#zone3 ul li a:hover {
	color:#F00;
}
#zone4 {
	margin-top:10px;
	position:relative;
	text-align:center;
	padding-bottom:30px;
	background-image:url(../../images/1.0/zone3et4Center.gif);
	background-repeat:repeat-y;
}
#zone4 span {
	margin-bottom:8px;	
}
#zone4 form {
	padding:0;
	width:auto;
}
.mailForm {
	width:190px;
	border: solid 1px #BFBFBF;
	padding:4px;
}
#popUpNewsletterInscrit, #popUpNewsletterDesinscrit {
	margin-top:12px;
	background-image:url(../../images/1.0/boutonForm.gif);
	width:100px;
	height:25px;
	border:none;
	cursor: pointer;
	padding-bottom:2px;
	font-weight:bold;
}
.validNewsletterInscrit, .validNewsletterDesinscrit {
	font-size:14px;
	font-weight:bold;
	color:#090;
	margin-bottom:10px;
}
.validNewsletterDesinscrit {
	color:#F00;
}
#footer {
	background-image:url(../../images/1.0/footer.jpg);
	width:804px;
	height:43px;
	position:relative;
	left:-3px;
	text-align:center;
	padding-top:10px;
	color:#FFF;
}
#footer span {
	font-size:10px;
	color:#000;
}
#footer a {
	color:#FFF;
}
#footer a:hover {
	text-decoration:underline;
}


/*style page rubrique*/

#zone-contenu {
	margin:15px 20px;
	margin-bottom:25px;
	position:relative;
	z-index:10;
}
#zone-contenu h1 {
	border-bottom:solid 1px #8292E7;
	margin:0 6px;
	color:#000082;
	margin-bottom:15px;
	padding-bottom:2px;
}
#zoneListeArticles {
	float:left;
	width:758px;
	z-index:10;
	position:relative;
}
.articleListe {
	margin-bottom:20px;
}
.articleListe a img {
	float:left;
	width:150px;
	border:solid 1px #000082;
}
.articleListe a:hover img {
	border:solid 1px #F00;
}
.articleListe p {
	float:left;
	padding-left:10px;
	text-align:justify;
	font-weight:bold;
	width:580px;
}
.articleListe h2 {
	float:left;
	width:580px;
	margin-left:5px;
}
.articleListe h2 a {
	color:#000082;
}
.articleListe h2 a:hover {
	color:#F00;
}


/*liste des sous rubriques*/

#listeSousRub {
	float:left;
	width:760px;
}
#listeSousRub a {
	display: block;
	background-image:url(../../images/1.0/boutonSousRub.jpg);
	background-repeat:no-repeat;
	float:left;
	width:300px;
	color: #000082;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	padding: 0 0 0 8px;
	height: 30px;
	line-height:28px;
	margin-left:50px;
	margin-bottom:15px;
}
#listeSousRub a:hover {
	background-image:url(../../images/1.0/boutonSousRubHover.jpg);
	background-repeat:no-repeat;
	color: #FFF;
}



/*style de l'article*/

#zone-contenu h1.titreArticle {
	font-size:22px;
}


/* para*/
.resume {
	font-size:14px;
	width:580px;
	float:left;
	font-weight:bold;
	margin-left:8px;
}
.resumeTexteArticle {
	font-size:14px;
	width:580px;
	float:left;
	font-weight:bold;
	margin-left:8px;
	height:80px;
}
.resumeArticle {
	float:left;
	width:758px;
	z-index:10;
	position:relative;
}
.resumeRubrique {
	margin-bottom:20px;
	float:left;
	width:758px;
	z-index:10;
	position:relative;
}
div.logoRight {
	width:202px;
	float:right;
	margin-left:5px;
	margin-right:4px;
	margin-bottom:3px;
	text-align:center;
}
div.logoRight img, div.logoLeft img {
	border:solid 1px #000082;
}
div.logoLeft {
	width:202px;
	float:left;
	margin-right:5px;
	margin-left:4px;
	margin-bottom:3px;
	text-align:center;
}
div.logoLeft div, div.logoRight div, .legendePhoto {
	text-align:center;
	font-size:11px;
	border:solid 1px #CFCFCF;
    border-top:0;
	padding:3px;
	background-color:#EFEFEF;
	margin-bottom:3px;
	color:#000;
}
div.paragraphes {
	position:relative;
	padding:0 8px;
	padding-top:40px;
	margin-bottom:16px;
}
div.paragraphes table {
	text-align:center;
	margin-top:5px;
    position:relative;
    right:6px;
}
div.titrePara {
	margin-bottom:15px;
	background-image:url(../../images/1.0/interTitreCenter.gif);
	background-repeat:repeat-x;
	height:26px;
	padding-top:6px;
	padding-left:20px;
	color:#000082;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
	width:740px;
}
div.paragraphes p {
    margin-top:0;
    padding-top:0;
	padding:0 12px;
	text-align:justify;
}
div.paragraphes table img {
	border:solid 1px #000082;
}
div.imageCentree {
	text-align:center;
	margin-top:7px;
	font-size:11px;
	font-weight:bold;
}
div.imageCentree img {
	border:solid 1px #000082;
}
div.imageCentree div {
	width:494px;
	margin:0 auto;
	background-color:#EFEFEF;
	border:solid 1px #CFCFCF;
	border-top:0;
	padding:3px;
}
div.video {
    text-align:center;
    margin-bottom:7px;
    margin-top:5px;
}
div.video div {
	text-align:center;
}
div.downlaod img {
	float:left;
	margin-right:10px;
	border:0;
}
div.downlaod {
    width:250px;
	margin:0 auto;
	margin-top:10px;
    margin-bottom:15px;
}
div.downlaod div {
	padding-top:0px;
}

img.logoArticle {
	position:absolute;
	top:0;
	right:0;
	border:solid 2px #8292E7;
}


/*plan du site*/

.planSite {
	background-color:#FFF;
}
.planSite a {
	text-decoration:none;
	display:block;
}
ul.planSite li {
	list-style:none;
}
ul.planSite li a {
	font-size:16px;
	font-weight:bold;
	color:#000082;
	margin-bottom:5px;
	margin-top:10px;
	text-decoration:underline;
}
ul.planSite li a:hover {
	color:#F00;
}
ul.planSite li ul li {
	list-style:disc;
	margin-left:25px;
}
ul.planSite li ul li a {
	font-size:14px;
	font-weight: normal;
	color:#000082;
	margin:0;
	text-decoration:none;
}
ul.planSite li ul li a:hover {
	color:#F00;
}
ul.planSite li ul li ul li {
	list-style:circle;
}
ul.planSite li ul li ul li a {
	font-size:13px;
}


/* Formulaire */

form {
	width: 600px;
	padding: 10px 20px;
	color: #1B2421;
}
form p {
	margin: 1em 0;
}
form p.double {
	overflow: hidden;
	width: 100%;
}
form p.double label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}
form p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}
form p.double input, form p.double textarea {
	width: 200px;
	margin-left: 12px;
	border: solid 1px #1B2421;
	padding: 2px 4px;
}
form p.double textarea {
	padding: 2px 0 0 4px;
	width:420px;
	height:16em;
}
form p.simple {
	margin-left: 160px;
}
#f1-code_postal {
	width:60px;
}
#f1-telephone {
	width:100px;
}
#f1-nom {
	width:100px;
}
#f1-prenom {
	width:100px;
}


/*Breadcrumb*/

.breadCrumb {
	padding-bottom:8px;
	font-size:12px;
	font-weight:bold;
	margin:8px 0 0 12px;
}
.breadCrumb a {
	padding:0 4px;
}
.breadCrumb a:hover {
	color:#F00;
}
.breadCrumb a.active {
	color:#000082;
}



p.coordonnées {
	color:#000082;
	font-size:14px;
	margin:0 0 10px 20px;
}
