@charset "UTF-8";

	body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #ffffff;
		margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des #navigigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les #navigigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	font: normal 11px  Arial, Helvetica, sans-serif;
    }
	
	img {
	border: 0;
	}
	
    #container {
	width: 1280px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du #navigigateur et éviter l'apparition d'un ascenseur horizontal */
	margin: 0 auto;
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
	} 
	
	#logoacc, #haut, #titre, #qui, #recherche, .article, .articles, .une, .couv, .texte, .liens, .lienvert, .lienmauve, .lienjaune, .lienbleu, .tourne, .cheval, .f_un, .f_deux, .bas_rouge, .bas_menu, .moins, .plus, .onac, .col1, .col2, .col3, .photo, .legende, .ws_embed_code {
	display: inline-block;
    vertical-align: top;
	}
	
    #logoacc  {
	height: 1201px;
	width: 72px;
	padding: 0;
	margin: 0px;
	background-color: #FFFFFF;
    }
	
	#haut {
	width: 1199px;
	height: 1275px;
	background-color: #FFFFFF;
	background-image: url(../images/fond_haut_e.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	} 
	
	#titre {
	height: 46px;
	width: 240px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 25px;
	margin-top: 5px;
	margin-bottom: 45px;
    }

    #titre img {
	margin: 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
    }
	
	#qui {
	height: 26px;
	line-height: 26px;
	font-size:11px;
	width: 220px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left: 380px;
	margin-top: 10px;
	border-top-left-radius: 30px 30px;
	background-color: #EE9FC1;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	}
	
	
	#recherche {
	height: 40px;
	width: 210px;
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-left: -60px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-top-left-radius: 120px 120px;
	background-color: #FF3300;
	margin-right: 0px;
	}
	
	.ok {
	background-color: #FF3333;
	background-image: url(../images/ok.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 16px;
	width: 16px;
	cursor: pointer;
	}
	
	nav {
	width: 800px;
	height: 70px;
	margin-top: 26px;
	margin-left: 25px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
	#navig {
	margin: 0;
	line-height: 16px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 50px;
	}
	
	#navig li.orange {
	float: left;
	position: relative;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	border-top-left-radius: 30px 30px;
	background-color: #FF9900;
	}
	
	#navig li.vert {
	float: left;
	position: relative;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;;
	background-color: #99CC66;
	}
	
	#navig li.mauve {
	float: left;
	position: relative;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	background-color: #CC99CC;
	}
	
	#navig li.jaune {
	float: left;
	position: relative;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	background-color: #FFCC33;
	}
	
	#navig li.bleu {
	float: left;
	position: relative;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	background-color: #66CCCC;
	}
	
	#navig li.rose {
	float: left;
	position: relative;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	background-color: #FF6699;
	border-bottom-right-radius: 30px 30px;
	}
	
	#navig li.kaki {
	float: left;
	position: relative;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	background-color: #D6DBC4;
	}
	
	#navig li {
	float: left;
	position: relative;
	list-style: none;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	}

	/* main level link */
	#navig a {
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	margin: 0;
	padding: 13px;
	font-size: 17.5px;
	font-variant: small-caps;
	letter-spacing: 1px;
	}
	

	#navig a:hover {
	color: #fff;
	}

	/* main level link hover */
	#navig .current a, #navig li:hover > a {
	color: #444;
	border: none;
	}

	/* sub levels link hover */
	#navig ul li:hover a, #navig li:hover li a {
	background: none;
	border: none;
	color: #666;
	}
	
	#navig ul a.vert:hover {
	background: #99CC66 url(../images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;
	}
	
	#navig ul a.mauve:hover {
	background: #CC99CC url(../images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;
	}
	
	#navig ul a.jaune:hover {
	background: #FFCC33 url(../images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;
	}
	
	#navig ul a.bleu:hover {
	background: #66CCCC url(../images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;
	}

	/* dropdown */
	#navig li:hover > ul {
	display: block;
	}

	/* level 2 list */
	#navig ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 0;
	background: #ddd url(../images/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
	width: 260px;
	}
	
	#navig ul li {
	float: none;
	margin: 0;
	padding: 0;
	}

	#navig ul a {
	font-weight: normal;
	}

	/* level 3+ list */
	#navig ul ul {
	left: 181px;
	top: 0px;
	border: 1px solid #61BCFA;
	}

	/* clearfix */
	#navig:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
	
	#navig {
	display: inline-block;
	} 
	
	html[xmlns] #navig {
	display: block;
	}
 
	* html #navig {
	height: 1%;
	}
	
	.localise {
	font-size: 12px;
	color: #ED819F;
	line-height: -12px;
	letter-spacing: 0.5px;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	text-align: left;
	padding: 0px;
	width: 260px;
    }
	
	.localise a {
	text-decoration: underline;
	color: #FFCC33;
    }
	
	.localise img {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC33;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFCC33;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -2px;
	margin-left: 0px;
    }
	
	.blanc {
	background-color: #FFFFFF;
	}
	
	.corps {
	}
	
	.editoacc {
	width: 100px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 50px;
	font-size: 10px;
	vertical-align:top;
	text-align: right;
	float: left;
	margin-right: 5px;
	margin-left: -80px;
	}
	
	.editoacc h3 {
	font-size: 8px;
	font-style: italic;
	color: #660000;
	font-weight: bold;
	line-height: 10pt;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
.courant  img       {
	margin-right: 10px;
	float: left;
	}
	
	.articles {
	text-align: left;
	padding: 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	}
	
	.editoacc ul {
	list-style-type: square;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -35px;
	list-style-position: inside;
	}

	.editoacc li {
	font-size: 11px;
	list-style-type: inherit;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-variant: small-caps;
	}
	
	.peinture {
	width: 138px;
	margin-top: 60px;
	margin-left: -12px;
	}
	
	p.sousedito {
	line-height: 13px;
	color: #000000;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 10px;
	}
	
	p.sousedito:first-letter, .editoacc p:first-letter, aside p:first-letter, .lienvert p:first-letter {
	font-size: large;
	font-weight: bold;
	color: #ED819F;
	font-style: italic;
	}
	
	.une {
	background-repeat:no-repeat;
	background-position: left top;
	width: 546px;
	height: 267px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	}
	
	.une h1 {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	margin: 5px;
	padding: 0px;
	color: #000000;
	}
	
	audio {
	width: 184px;
	position: absolute;
	margin-top: 235px;
	margin-left: 10px;
	}
	
	.couv {
	height: 235px;
	width: 180px;
	padding: 0px;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
	.texte {
	height: 235px;
	width: 335px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	}
	
	.texte h1 {
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
	font-style: italic;
	text-align: left;
	}
	
	.texte h2 {
	font-size: 11px;
	margin: 8px;
	padding: 0px;
	}
	
	.texte p {
	font-size: 10px;
	font-variant: normal;
	color: #333333;
	text-align: left;
	font-style: italic;
	margin: 8px;
	padding: 0px;
	}
	
	.texte h5 {
	font-size: 11px;
	margin: 8px;
	padding: 0px;
	}
	
	.liens {
	width: 390px;
	height: 266px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -10px;
	}
	
	.vers {
	height: 16px;
	margin: 0;
	padding: 0;
	}
	
	.vers h4 {
	text-align:center;
	font-size: 11px;
	font-weight: bold;
	color: #6A1118;
	font-style: italic;
	}
	
	.lienvert {
	width: 105px;
	height: 250px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	}
	
	.lienvert p {
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	.lienmauve {
	width: 110px;
	height: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	}
	
	.lienjaune {
	width: 110px;
	height: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	}
	
	.lienjaune p {
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	.lienbleu {
	width: 110px;
	height: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	}
	
	.lienvert img, .lienmauve img, .lienjaune img, .lienbleu img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -7px;
	padding-top: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.savoir {
	font-size: 10px;	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	}
	 
	.bas {
	padding: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
	}
	
	.col1 {
	width: 378px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 9px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 465px;
	}
	
	.col2 {
	width: 261px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 9px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	}
	
	.col3 {
	width: 247px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 9px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	}
	
	p.courant {
	color: #000000;
	padding-left: 0px;
	vertical-align: top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	text-align: justify;
	font-size: 12px;
	}
.tabac {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.col2 ul   {
	margin-top: 4px;
}
.col2 li            {
	list-style-position: outside;
	list-style-image: url(../images/puce.gif);
	list-style-type: disc;
	margin-bottom: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	letter-spacing: 1px;
}
	
	.photo {
	width: 327px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: -120px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 80px;
	height: 360px;
	}
	
	p.legendb {
	line-height: 14px;
	color: #666666;
	padding-left: 8px;
	vertical-align: top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-style: italic;
	text-align: left;
	width: 150px;
	}
	
	.rougebio {
	font-weight: bold;
	color: #FF3333;
	margin: 0px;
	padding: 2px;
	background-color: #BEE28D;
	}
	
	.ortxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5A0800;
	text-align: center;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #707070;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	}
	
	.cheval{
	margin-top: -40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -130px;
	padding: 2px;
	z-index: -100;
	}
	
	input {
	border: 1px solid #999999;
	border-radius: 4px;
	}
	.main {
	cursor: pointer;
	background-color: #F6C2D0;
	color: #333333;
	font-weight: bolder;
	margin-left: -120px;
	}
	
	footer {
	padding: 0;
	background:#ffffff;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
    }
	
	footer .bas_rouge {
	height: 40px;
	width: 200px;
	border-bottom-right-radius: 120px 120px;
	background-color: #FF3300;
	} 

    footer address {
	color: #999999;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF3300;
	padding: 0px;
	margin: 0;
	font-style: normal;
	z-index: 10;
	width: 1200px;
    }
	
	footer address p {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	padding: 0;
	margin: 0;
    }
	
	footer address .onac p img {
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	border: 0;
	}
	
	footer address .bas_menu ul {
	list-style-type: none;
	background-image: url(../images/logo_bas.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}
	footer address .bas_menu ul ul {
	display: list-item;
	margin-left: 0px;
	list-style-type: none;
	background-image: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	}
	
	footer address .bas_menu li {
	font-weight: bold;
	color: #6A1118;
	display: inline-block;
	margin-right: 10px;
	margin-left: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
	footer address .bas_menu li li {
	display: list-item;
	margin-right: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	width: 120px;
	list-style-type: none;
	}
	
	footer address .bas_menu li li a {
	color: #999999;
	}
	
	footer address .bas_menu li li a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
	a {
	font-weight: bold;
	color: #6A1118;
	text-decoration: none;
	}
	
	a:hover {
	color: #000000;
	text-decoration: underline;
	}

/* Correctifs pour les vieilles versions d'Internet Explorer */

/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

.old_ie nav, .old_ie #navig, .old_ie #navig li, .old_ie article, .old_ie aside {
    display: inline;
}

/* Quelques ajustements pour les vieilles versions d'IE */

.old_ie section h1, .ie8 section h1
{
    font-size: 1.1em;
}

.old_ie footer div, .ie8 footer address
{
    margin-top: 30px;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.photo {
	margin-top: -25px;
	}
.cheval {
	margin-top: -25px;
	}
	.localise {
margin-top: -25px;
margin-bottom: 25px;
}
}