@charset "UTF-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-repeat: repeat;
	background-color: #666666;
	background-image: url(images/fond-bleu.png);
	line-height: 100%;
}
body {
	margin-top: 20px;
}
/* fichier pour internet explorer */ 
body { 
      behavior: url(csshover.htc); 
}
a:link, a:active {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #CB0000;
	text-decoration: none;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}
ul  a:link, .texte  a:link {
	text-decoration: underline;
}
ul   a:link, .texte  a:visited {
	text-decoration: underline;
}
ul   a:link, .texte  a:hover {
	text-decoration: none;
}
.taille-site {
	width: 950px;
}

.menu {
	color: ;
	text-align: ;
	padding-top: ;
	margin-right: 6px;
	padding-bottom: ;
	margin-left: 6px;
	font-weight: ;
	font-size: ;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 5px;
	text-transform: uppercase;
	padding-top: 5px;
	text-decoration: none;
}
.menu a:link {
	text-decoration: ;
	color: ;
	color: #666666;
	text-decoration: none;
}
.menu a:visited {
	text-decoration: ;
	color: ;
	color: #666666;
	text-decoration: none;
}
.menu a:hover {
	color: ;
	text-decoration: ;
	color: #CB0000;
}
.bandeau-image {
	background-image: url(images/bandook3.png);
	background-repeat: no-repeat;
}

.niveau2 {
}
.niveau1 {
}

.puce {
	background-repeat: no-repeat;
	list-style-position: inside;
	padding: 5px;
}
.apparence {
}
.fond-central {
	background-color: #F4F8FB;
	width: 930px;
}
.bloc-central {
	width: 500px;
}
.secret {
	display: none;
}

.date {
	font-size: 12px;
	font-style: italic;
	color: #CC0200;
	padding-bottom: 5px;
	font-weight: bold;
}
.video {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

.source {
	font-size: 11px;
	font-style: italic;
	color: #999999;
	padding-bottom: 4px;
	padding-top: 4px;
}
.source-focus {
	font-size: 12px;
	font-style: italic;
	color: #999999;
	padding-bottom: 4px;
	padding-top: 4px;
}
.modegraphique {
	display: none;
}
#haut .espacement {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 5px;
	margin-left: 5px;
	color: #FFFFFF;
	text-decoration: none;
}
#haut  .espacement a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#haut  .espacement a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#haut  .espacement a:hover {
	color: #666666;
	text-decoration: none;
}

#haut {
	color: #FFFFFF;
	font-size: 13px;
}
#haut h1 {
	display: none;
}
#haut h2 {
	display: none;
}
#haut .champ {
	vertical-align: middle;
	font-size: 11px;
	color: #666666;
	line-height: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
}
#recherche {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	width: 160px;
}
.submit           {
	background-image: url(images/ok2.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	margin-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
#haut .modetexte {
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
	color: #CCCCCC;
	margin-right: 15px;
	text-decoration: none;
}
#haut       .modetexte a:link   {
	color: #CCCCCC;
	text-decoration: none;
}
#haut  .modetexte a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#haut  .modetexte a:hover {
	color: #CC3333;
}

/* MENU DU HAUT */ 


#navigation {
}


#navigation ul {
}
#navigation ul.niveau1 {
	list-style-type: none;
}
#navigation           ul.niveau1:hover          {
	background-color: #E8E8E8;
} 
#navigation      ul.niveau2    {
	background-color: #CCCCCC;
	position: absolute;
	text-align: left;
	width: 200px;
	list-style-type: none;
} 
#navigation    ul.niveau2 li:hover  {
	background-color: #CB0000;
	color: #FFFFFF;
}
#navigation      li a      {
	text-decoration:none;
	color: #666666;
} 
#navigation .niveau1 .niveau2 .puce a:hover {
	color: #FFFFFF;
}
#navigation ul li ul {
	display:none;
} 
#navigation ul ul li {
	padding-left: 10px;
}
#navigation ul li:hover ul { 
display:block; 
} 


/*MENU DEROULANT GAUCHE*/
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 

#gauche {
	width: 200px;
	background-image: url(images/degrade1b.png);
	line-height: 16px;
         } 
#gauche h1 {
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #CB0000;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image: url(images/fondmenu-rouge-g.png);
	background-repeat: no-repeat;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 5px;
	padding-left: 1px;
}
#gauche h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #CCCCCC;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#gauche a {
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
#gauche a:hover {
	color: #666666;
}

#gauche ul {
	margin: 0px;
	padding: 0px;
	width: 200px;
	list-style-type: none;
}
#gauche    ul     li.niveau1    {
	list-style-type: none;
	text-align: right;
	padding-right: 5px;
	position: relative;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
}
#gauche ul a {
	color: #666666;
}
#gauche  ul  ul  {
	display: none;
	background-color: #CB0000;
	position: absolute;
	width: 250px;
	top: 0px;
	left: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
}
#gauche  ul  ul  li  {
	text-align: left;
	color: #FFFFFF;
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	list-style-type: none;
}
#gauche  ul  ul  li a {
	color: #FFFFFF;
}
#gauche          ul          li.niveau1:hover ul.niveau2         {
	display: block;
}
#gauche ul.niveau2 li:hover ul {
	display: block;
}
#gauche  ul  li.niveau1:hover {
	background-color: #CCCCCC;
	color: #FFFFFF;
}
#gauche ul ul li:hover {
	background-color: #CCCCCC;
}
#gauche  ul.niveau3  {
	display: none;
	background-color: #999999;
	position: absolute;
	width: 250px;
	top: 0px;
	left: 200px;
	padding: 0px;
	list-style-type: none;
} 
#gauche li.niveau2 {
	list-style-type: none;
}
/*BLOC DROIT - AGENDA ET ZOOM */ 

#droit .newsletter {
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	background-color: #F4F8FB;
}
#droit .newsletter h1 {
	font-size: 12px;
	text-transform: none;
	color: #666666;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-image: none;
	background-color: #F4F8FB;
}
#droit  .champ {
	vertical-align: middle;
	font-size: 12px;
	color: #666666;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
}
#inscription {
	float: left;
	vertical-align: middle;
	width: 150px;
	margin: 0px;
}
.submit2 {
	background-image: url(images/ok1.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	margin-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}

#droit h1 {
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #CB0000;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: normal;
	background-repeat: no-repeat;
	background-image: url(images/fondmenu-rouge-d.png);
}

#droit {
	background-image: url(images/degrade1b.png);
	width: 200px;
	line-height: 15px;
	background-position: 1px 95px;
	background-repeat: no-repeat;
}

#droit    ul  {
	text-indent: 0px;
	list-style-type: square;
	font-weight: bold;
	color: #CB0000;
	padding-left: 10px;
	list-style-position: inside;
	padding-top: 7px;
}
#droit  li.niveau1:hover {
	background-color: transparent;
}

#droit ul ul {
	color: #666666;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-weight: normal;
	margin-left: 0px;
}
#droit   ul   ul   li  {
	padding-top: 3px;
	list-style-image: url(images/fleche-grise.png);
	list-style-position: outside;
}
#droit  ul  li a:link {
	color: #666666;
	text-decoration: none;
}
#droit  ul  li a:visited {
	color: #666666;
	text-decoration: none;
}
#droit  ul  li a:hover {
	color: #CB0000;
	text-decoration: none;
}
#droit ul li:hover {
	background-color: #FFFFFF;
}
#droit .date {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #999999;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 5px;
}
#droit .pagination  {
	padding-left: 5px;
	background-color: #E4E4E4;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}
.zoom {
	color: #FFFFFF;
	background-color: #CB0000;
	text-align: justify;
	font-size: 12px;
	line-height: 15px;
}
.zoom  .texte a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.zoom  .texte a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.zoom  .texte a:hover {
	color: #999999;
}
#droit  .zoom  img  {
	height: auto;
	width: 200px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#droit  .zoom h1 {
	font-size: 14px;
	font-style: italic;
	margin: 0px;
	background-image: none;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	font-weight: bold;
	text-transform: none;
	text-align: left;
	background-color: #CB0000;
}
#droit  .zoom  .texte {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.suite a:link {
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.suite a:hover {
	color: #CB0000;
}
.suite a:visited {
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#bas {
	font-size: 10px;
	word-spacing: 5px;
	padding: 10px;
	text-align: center;
}



#bas a:link {
	color: #666666;
	text-decoration: none;
}
#bas a:visited {
	color: #666666;
	text-decoration: none;
}
#bas a:hover {
	color: #CB0000;
}

/*Ajout style menu déroulant pour internet explorer */

#gauche ul ul li.sfhover {
	background-color: #CCCCCC;
}
#gauche ul li.niveau1.sfhover {
	background-color: #CCCCCC;
	background-image: url(../arif/images/fleche-blanche.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFFFFF;
}
#gauche ul.niveau2 li.sfhover ul {
	display: block;
}
#gauche ul li.niveau1.sfhover ul.niveau2 {
	display: block;
}
#navigation ul.niveau2 li.sfhover {
	background-color: #CB0000;
}
#navigation ul li.sfhover ul {
	display:block;
}

/*BLOC CENTRAL */ 

#central {
	padding-left: 10px;
	padding-right: 10px;
}

#central h1 {
	font-size: 20px;
	color: #CC0200;
	margin: 0px;
	background-image: url(images/filet-degrade.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(images/filet-degrade.png);
}
#central h2 {
	font-size: 15px;
	color: #666666;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	line-height: 17px;
}
#central h3 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	font-size: 13px;
	text-decoration: none;
}
#central li {
	line-height: 15px;
	padding-bottom: 5px;
}
#central ul {
	padding-left: 20px;
	padding-bottom: 10px;
	margin-top: 10px;
}
#central  .texte {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: justify;
	line-height: 15px;
}
#central .vignette {
	height: auto;
	float: left;
	margin-right: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 4px;
}
#central .vignette-article {
	height: auto;
	float: left;
	margin-right: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 6px;
}
#central .image-grande {
	width: 200px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	height: auto;
	margin-top: 5px;
}
#central .pagination {
	text-align: right;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
#central .piece-jointe {
	font-size: 12px;
	font-weight: normal;
	color: #CB0000;
	margin-top: 15px;
	text-align: left;
}
#central input {
	font-size: 12px;
}
.paginationzz input {
	color: #FFFFFF;
	background-color: #CB0000;
	border: medium outset #CB0000;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
}
#captcha_reponse {
	border: thin inset #CCCCCC;
	margin-bottom: 20px;
	margin-top: 5px;
}
#central .libelle {
	margin-top: 10px;
	margin-bottom: 5px;
}
#central #form1 {
	margin: 0px;
	padding: 0px;
}
#central #form1 #textfield {
	margin: 2px;
}
#central #form1 .formulairezz {
	background-color: #FFFFFF;
	border: thin inset #CCCCCC;
}
#central #form1 .formulaire {
	border: thin inset #CCCCCC;
	width: 400px;
}
#galerie .tableau-galerie {
	float: left;
	width: 120px;
	margin-right: 20px;
	height: auto;
	margin-top: 30px;
	margin-left: 20px;
}
#galerie .tableau-galerie .legende {
	margin-top: 8px;
	text-align: center;
}
#galerie .tableau-galerie .vignette {
	float: none;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#galerie2 .image-grande {
	height: auto;
	width: 300px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.precedente  {
	background-image: url(images/precedente.png);
	height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 20px 35px;
	width: 89px;
}
.suivante {
	background-image: url(images/suivante.png);
	height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 20px 35px;
	width: 89px;
}
#galerie2 .tableau-galerie {
	float: left;
	width: 60px;
	margin-right: 20px;
	height: auto;
	margin-top: 20px;
}
#galerie2  .legende  {
	background-image: url(images/fleche-grise.png);
	background-repeat: no-repeat;
	text-indent: 10px;
}
#galerie2 .tableau-galerie .vignette {
	float: none;
	height: auto;
	width: 60px;
}
#galerie2 h3 {
	color: #CB0000;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
}