body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
}
a {
color: #990066;
text-decoration: underline;
}
a:hover {
color: #90066;
text-decoration: none;
}
#header {
margin: 0px 0px 10px 0px;
height: 250px;
background: #fff url(img/fond.png) left top ;
border: 0px solid #96938A; 
overflow: hidden;
}
#header img {
padding: 0px;
}
/* menu 2 */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu_new {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu_new dl {
float: left;
/*width: 12em;*/
}
#menu_new dt {
cursor: pointer;
/*text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;*/
}
#menu_new dd {
display: none;
/*border: 1px solid gray;*/
}
#menu_new li {
/*text-align: center;
background: #fff;*/
}
#menu_new li a, #menu_new dt a {
/*color: #000;
text-decoration: none;*/
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
/*background: #eee;*/
}
#site {
/*position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; */
}
/* fin */
#menu {
position: relative;
height: 45px;
margin: 0 10px 0px 10px;
clear: both;
background: #fff url(img/menu.jpg) left top repeat-x;
font-size: 14px;
font-weight: bold;
}
#menucoingauche {
float: left;
position: relative;
left: 0px;
width: 18px;
height: 26px;
background: url(img/menu_gauche.jpg) right top no-repeat;
}
#menucoindroit {
float: right;
position: relative;
left: 0px;
width: 16px;
height: 26px;
background: url(img/menu_droit.jpg) left top no-repeat;
}

#menu ul, #menu li {
	margin:0;
	padding: 0;
	list-style-type: none;
	}
#menu ul {
	position: absolute;
	height: 26px;
	width: 95%;
	margin: 0 16px 0px 18px;
}

#menu dl {
float: left;
width: 16%;
height: 26px;
padding: 1px 0px 0px 0px;
}
#menu dl.premier {
float: left;
width: 16%;
height: 26px;
padding: 1px 0px 0px 15px;
}
#menu dl.dernier {
float: left;
width: 16%;
height: 26px;
padding: 1px 0px 0px 0px;
}

#menu dl a { /* dimensions et définitions des boutons */
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 19px;
border-right: 1px solid #fff;
text-align: center;
}
#menu dl a.last {
border-right: 0px solid #fff;
}

#menu a {
color: #fff;
text-decoration: none;
}
#menu a:hover {
color: #fff;
}
#menu a#menu1:hover {
background: #ac2815 url(img/rub1.jpg) left top repeat-y; /*c76da5*/
}
#menu a#menu2:hover {
background: #485e9c url(img/rub2.jpg) left top repeat-y;
}
#menu a#menu3:hover {
background: #71bc41 url(img/rub3.jpg) left top repeat-y; /*f8991d*/
}
#menu a#menu4:hover {
background: #f8991d url(img/rub4.jpg) left top repeat-y;
}
#menu a#menu5:hover {
background: #c76da5 url(img/rub5.jpg) left top repeat-y;
}
#menu a#menu6:hover {
background: #993366 url(img/rub6.jpg) left top repeat-y;
}
#menu .selection#menu1 {
background: #ac2815 url(img/rub1.jpg) left top repeat-y;
}
#menu .selection#menu2 {
background: #485e9c url(img/rub2.jpg) left top repeat-y;
}
#menu .selection#menu3 {
background: #71bc41 url(img/rub3.jpg) left top repeat-y;
}
#menu .selection#menu4 {
background: #f8991d url(img/rub4.jpg) left top repeat-y;
}
#menu .selection#menu5 {
background: #71bc41 url(img/rub5.jpg) left top repeat-y;
border-right: 0px solid #fff;
}
#menu .selection#menu6 {
background: #993366 url(img/rub6.jpg) left top repeat-y;
}
#menu_3 {
position: relative;
height: 26px;
/*margin: 0px 10px 5px 10px;
background: #fff url(img/menu.jpg) left top repeat-x;
font-size: 14px;
font-weight: bold;*/
}

#menu_3 ul, #menu_3 li {
	margin:0;
	padding: 0;
	list-style-type: none;
background: #71bc41 url(img/rub3.jpg) left top repeat-y;
	}
#menu_3 ul {
width: 100%;
/*	position: absolute;
	height: 26px;
	width: 95%;
	margin: 0 16px 0px 18px;*/
}

#menu_3 ul dl {
float: left;
width: 100%;
height: 26px;
/*padding: 1px 0px 0px 0px;*/
border-right: 0px solid #fff;
}

#menu_3 ul dl a { /* dimensions et définitions des boutons */
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 19px;
/*border-right: 1px solid #fff;*/
text-align: center;
border-right: 0px solid #fff;
}
#menu_3 ul dl a.last {
/*border-right: 0px solid #fff;*/
}

/*#menu_3 a {
}
#menu_3 a:hover {
}*/
#menu_3 a#menu31 {
color: #ffffff;
text-decoration: none;
border-right: 0px solid #fff;
background: #71bc41 url(img/rub3.jpg) left top repeat-y;
}
#menu_3 a#menu32 {
color: #ffffff;
text-decoration: none;
border-right: 0px solid #fff;
background: #71bc41 url(img/rub3.jpg) left top repeat-y;
}
#menu_3 a#menu31:hover {
/*background: #71bc41 url(img/rub3.jpg) left top repeat-y;*/
text-decoration: underline;
border-right: 0px solid #fff;
}
#menu_3 a#menu32:hover {
/*background: #71bc41 url(img/rub3.jpg) left top repeat-y;*/
text-decoration: underline;
border-right: 0px solid #fff;
}
#menu_3 .selection#menu31 {
background: #71bc41 url(img/rub3.jpg) left top repeat-y;
}
#menu_3 .selection#menu32 {
background: #71bc41 url(img/rub3.jpg) left top repeat-y;
}
#conteneur {
position: absolute;
width: 100%;
}
#centre_accueil {
margin-top: 20px;
margin-left: 30px;
/*margin-right: 450px;*/
margin-right: 260px;
}
#centre {
margin-top: 20px;
margin-left: 30px;
margin-right: 260px;
margin-left: 260px;
}
#centre_accueil span {
font-size: 12px;
}
#centre span {
font-size: 12px;
}
#centre2 {
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
}
#droite_accueil {
float: right;
margin-top: 15px;
margin-right:10px;
/*width: 400px;*/
width: 230px;
}
#gauche {
float: left;
margin-top: 15px;
margin-left:20px;
width: 230px;
}
#droite {
float: right;
margin-top: 15px;
margin-right:10px;
width: 230px;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {
margin: 0 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

.bloc_article {
margin: 0 0 20px 35px;
}

h1 {

}
h2 {
font-size: 16px;
color: #378EC0;
font-weight: bold;
padding: 5px 0px 0px 0px;
}
h2 img {
float: left;
padding: 5px 5px 5px 0px;
}
h2 span {
font-size: 14px;
color: #000000;
}
#bandeau1 {
height: 26px;
overflow: hidden;
background: #ac2815 url(img/bandeau1.jpg) left top no-repeat; /*c66ca4*/
}
#bandeau2 {
height: 26px;
overflow: hidden;
background: #485e9c url(img/bandeau2.jpg) left top no-repeat;
}
#bandeau3 {
height: 26px;
overflow: hidden;
background: #71bc41 url(img/bandeau3.jpg) left top no-repeat;
}
#bandeau4 {
height: 26px;
overflow: hidden;
background: #f8991d url(img/bandeau4.jpg) left top no-repeat;
}
#bandeau5 {
height: 26px;
overflow: hidden;
background: #c76da5 url(img/bandeau5.jpg) left top no-repeat;
}
#bandeau6 {
height: 26px;
overflow: hidden;
background: #993366 url(img/bandeau6.jpg) left top no-repeat;
}

#bandeau1 p {
padding: 3px 0px 0px 10px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
#bandeau2 p {
padding: 3px 0px 0px 10px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
#bandeau3 p {
padding: 3px 0px 0px 10px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
#bandeau4 p {
padding: 3px 0px 0px 10px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
#bandeau5 p {
padding: 3px 0px 0px 10px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
#bandeau6 p {
padding: 3px 0px 0px 10px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
#bandeau1 img {
float: right;
}
#bandeau2 img {
float: right;
}
#bandeau3 img {
float: right;
}
#bandeau4 img {
float: right;
}
#bandeau5 img {
float: right;
}
#bandeau6 img {
float: right;
}

menu_droit_accueil{
/*min-height: 310px;
_height: 310px;*/
}
#lien_accueil {
/*min-height: 300px;
_height: 300px;*/
width: 220px;
background: #e2e2e3 url(img/haut_bleu.jpg) left top no-repeat;
/*float: left;*/
}
#media_accueil {
width: 220px;
min-height: 250px;
_height: 250px;
background: #ffffff url(img/media.jpg) left top no-repeat;
padding-bottom: 10px;
margin-bottom: 10px;
}
#media_accueil p {
padding-left: 5px;
}

#archive_accueil {
/*height: 220px;
width: 163px;*/
width: 220px;
background: #dddddd url(img/haut_gris.jpg) left top no-repeat;
/*float: right;*/
padding-bottom: 10px;
margin-bottom: 10px;
}
#recherche_accueil {
/*width: 163px;*/
width: 220px;
background: #dddddd url(img/haut_gris.jpg) left top no-repeat;
/*float: right;*/
padding-bottom: 10px;
margin-bottom: 10px;
}
.newsletter_accueil {
/*width: 163px;*/
width: 220px;
background: #dddddd url(img/haut_gris.jpg) left top no-repeat;
/*float: right;*/
padding-bottom: 10px;
margin-bottom: 10px;
}
.newsletter_text  {
padding: 0px 5px 0px 5px;
}
#media {
width: 220px;
min-height: 250px;
_height: 250px;
background: #ffffff url(img/media.jpg) left top no-repeat;
padding-bottom: 10px;
margin-bottom: 10px;
}
#media p {
padding-left: 5px;
}
#lien {
width: 220px;
background: #e2e2e3 url(img/haut_bleu.jpg) left top no-repeat;
padding-bottom: 10px;
margin-bottom: 10px;
}
#archive {
width: 220px;
background: #dddddd url(img/haut_gris.jpg) left top no-repeat;
padding-bottom: 10px;
margin-bottom: 10px;
}
#recherche {
width: 220px;
background: #dddddd url(img/haut_gris.jpg) left top no-repeat;
padding-bottom: 10px;
margin-bottom: 10px;
}
.newsletter {
width: 220px;
background: #dddddd url(img/haut_gris.jpg) left top no-repeat;
padding-bottom: 10px;
margin-bottom: 10px;
}
.titre_cadre {
padding: 3px 0px 0px 10px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
.titre_cadre span {
font-size: 11px;
font-weight: normal;
}
.sous_titre_cadre {
padding: 3px 0px 0px 10px;
font-size: 12px;
font-weight: bold;
}
.sous_titre_cadre span {
font-size: 11px;
font-weight: normal;
}
.nom_article {
padding: 3px 0px 0px 10px;
font-size: 15px;
font-weight: bold;
color: #388ec0;
}
.titre_article {
padding: 3px 0px 0px 10px;
font-size: 13px;
font-weight: normal;
color: #388ec0;
}
/*.titre_article a {
color: #388ec0;
text-decoration: underline;
}
.titre_article a:hover {
color: #388ec0;
text-decoration: none;
}*/
.texte_article {
padding: 3px 0px 0px 10px;
font-size: 13px;
font-weight: normal;
}
/*#article_accueil a {
color: #388ec0;
text-decoration: underline;
}
#article_accueil a:hover {
color: #388ec0;
text-decoration: none;
}
#article a {
color: #388ec0;
text-decoration: underline;
}
#article a:hover {
color: #388ec0;
text-decoration: none;
}*/
.texte_archive {
padding: 3px 0px 0px 5px;
font-size: 13px;
font-weight: normal;
}
.texte_archive span {
color: #388ec0;
}
/*.texte_archive a {
color: #000000;
text-decoration: underline;
}
.texte_archive a:hover {
color: #000000;
text-decoration: none;
}*/
#recherche_accueil form {
padding: 0px;
margin: 0px;
}
#recherche_accueil input {
padding: 0px;
margin: 0px;
}
#recherche form {
padding: 0px;
margin: 0px;
}
#recherche input {
padding: 0px;
margin: 0px;
}
.recherche_cadre {
width: 150px;
height: 20px;
padding: 0px 5px 0px 5px;
}
.recherche_cadre span {
font-size: 11px;
}
.recherche_mensuelle_cadre {
padding: 0px 5px 0px 5px;
}
.recherche_mensuelle_cadre span {
font-size: 11px;
}
.recherche_saisie {
float: left;
width: 100px;
height: 20px;
}
.recherche_bouton {
float: right;
}
.bloc_image {
float: left;
margin: 0px 10px 10px 0px;
height: 150px;
overflow: hidden;
}
.bloc_droit {
float: left;
margin: 0px 0px 10px 10px;
}
.articles-accueil{
width: 100%;
float: left;
}
.article-gauche {
width: 45%;
float: left;
}
.article-droit {
width: 45%;
float: right;
}
.menu_video ul {
list-style-type: none;
margin:0;
padding:0;
position: absolute; 
top: 2em; /* positionnement du menu, que vous pouvez changer à loisir */
left: 3em;
width: 100%; /* précision pour Opera */
}

.menu_video li {
float: left;
}

.menu_video_btn a {       /* définition de chaque bouton du menu */
width: 100px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 20px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff; 
text-decoration: none;
color: #000;
background: #fff;
}

.menu_video_btn a:hover {
color: #411;
background: #AAA;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
}

.menu_video_btn a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.menu_video_btn a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 20px;
left: 0;
width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
border-top: 1px solid gray;
color: #000;
}