/* CSS Document */
/* Copyright 2008 http://www.olivercarzon.com */

body {
	margin: 0;
	padding: 0;
	background-image: url(../img/index/dark_background.gif); 
}

a { color: #E0B53D;	}

a:hover { color: #FBBA04; }

/*---------- WRAPPER -----------*/

#wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 50px 0 50px;
	width: 890px !important;
	width /**/: 1000px;
	background: url(../img/index/black.gif) repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BBB5A2;
}

#banner{
	width: 929px;
	background-color: #000000;
}

/* corner blanc */
.coin_box {
   background: #ffffff;
}
.coin_top div {
   background: url(../img/index/coinhg.jpg) no-repeat top left;
}
.coin_top {
   background: url(../img/index/coinhd.jpg) no-repeat top right;
}
.coin_bottom div {
   background: url(../img/index/coinbg.jpg) no-repeat bottom left;
}
.coin_bottom {
   background: url(../img/index/coinbd.jpg) no-repeat bottom right;
}

.coin_top div, .coin_top, 
.coin_bottom div, .coin_bottom {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.coin_content { margin: 0 10px; }

/* corner actu */
.ligne_gauche {
	background: url(../img/index/gauche-actu2.jpg) repeat-y top left;
}
.ligne_droite {
   background: url(../img/index/droit-actu2.jpg) repeat-y top right;
}

/* Menu */
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_two */
.preload2 {background: url(../img/index/button4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../img/index/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:14px; font-family:arial, verdana, sans-serif; font-weight:normal; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px; color:#aaa;}
.menu2 li.current a {color:#fff; background:url(../img/index/button3.gif);}
.menu2 li.current a b {background:url(../img/index/button3.gif) no-repeat right top; color:#fff;}
.menu2 li a:hover {color:#fff; background:#000 url(../img/index/button4.gif);}
.menu2 li a:hover b {background:url(../img/index/button4.gif) no-repeat right top; color:#fff;}
.menu2 li.current a:hover {color:#fff; background:#000 url(../img/index/button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(../img/index/button3.gif) no-repeat right top; color:#fff;}

img { border:0; /* On enlève la bordure par défault des images */ }

/* Texte */

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0668CF;
	font-weight: bold;
}

h1#archives {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3399CA;
	font-weight: bold;
}
h1#maximes {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold; text-align: justify;
}


h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0668CF;
}

.maximes { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; font-weight: bold; text-align: justify; padding:5px; }
.maximes14 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: normal; text-align: right; font-style:italic; padding: 0px 5px 0px 0px; }

.detail { color: #0668CF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; font-weight:bold; text-align:left; text-decoration:underline; }
.textrouge { color: #990033; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-weight:bold; text-align:right; }
.titrerouge { font-weight: bold; color: #FF0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }

.textgris { color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-align:justify; }
.textnoir { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-align:justify; }
.textnoir14 { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align:justify; }
.textnews { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:justify; }

.biblio { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; text-align:left; font-weight:bold; }
.biblio A:link { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; text-align:left; font-weight:bold; }
.biblio A:visited { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; text-align:left; font-weight:bold; }
.biblio A:hover { color: #0668CF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; text-align:left; font-weight:bold; }

.bibliocentre { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; text-align: center; font-weight:bold; }
.bibliocentre A:link { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; text-align:center; font-weight:bold; }
.bibliocentre A:visited { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; text-align:center; font-weight:bold; }
.bibliocentre A:hover { color: #0668CF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; text-align:center; font-weight:bold; }

.rouge { COLOR: #990033; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; }
.rouge A:link { color: #990033; text-decoration: underline; }
.rouge A:visited { color: #990033; text-decoration: underline; }
.rouge A:hover { color: #990033; text-decoration: underline; }

.centre { background-image:url(../../img/index/fond_gris.jpg); }


/* Lettrine */

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 40px; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #0668CF;
border: 1px solid #0668CF; /* définition d'une bordure autour de la lettrine*/
background-color: #FFFFCC; 
margin: 1px;
padding: 1px;
line-height: 1em;
}

.separator {
display: block;
height: 50px;
background-image: url(../img/index/separator1.gif);
background-repeat: no-repeat; background-position:center;
}

.separatorgris {
display: block;
height: 50px;
background-image: url(../img/index/ligne-grise.jpg);
background-repeat: no-repeat; background-position:center;
}

/* bordure image Bleu Gauche */
.imgsolidbleu {
padding-right: 3px; padding-left: 3px; background-color: #ffffff; background-repeat: repeat; 
background-x-position: 0%; background-y-position: 0%; padding-bottom: 2px; padding-top: 2px; border-top-width: 4px;
border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid; border-top-color: #0668CF; border-right-color: #0668CF; border-bottom-color: #0668CF;
border-left-color: #0668CF; margin-bottom: 3px; margin-right:3px; margin-left:3px; margin-top:3px;
}
.imgsolidor {
padding-right: 3px; padding-left: 3px; background-color: #ffffff; background-repeat: repeat; 
background-x-position: 0%; background-y-position: 0%; padding-bottom: 2px; padding-top: 2px; border-top-width: 4px;
border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid; border-top-color: #FAC503; border-right-color: #FAC503; border-bottom-color: #FAC503;
border-left-color: #FAC503; margin-bottom: 3px; margin-right:3px; margin-left:3px; margin-top:3px;
}
.imgsolidmarron {
padding-right: 3px; padding-left: 3px; background-color: #ffffff; background-repeat: repeat; 
background-x-position: 0%; background-y-position: 0%; padding-bottom: 2px; padding-top: 2px; border-top-width: 4px;
border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid; border-top-color: #CF9F00; border-right-color: #CF9F00; border-bottom-color: #CF9F00;
border-left-color: #CF9F00; margin-bottom: 3px; margin-right:3px; margin-left:3px; margin-top:3px;
}
/* commentaires */
.table_livredor { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:600px; border:#CCCCCC solid 1px }
.table_livredor a { color:#FFFFFF; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.table_livredor a:hover { color:#FFFFFF; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

.titre { /*height:24px;*/ background-image:url(../img/commentaires/barre.jpg); color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; }
.titre a { color:#FFFFFF; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; }
.titre a:hover { color:#FFFFFF; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; }

.commentaires { font-weight: normal; font-size: 12px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify; }
.commentaires a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E92222; text-decoration: none; }
.commentaires a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;	color: #163E83; text-decoration: none; }

/* Carrousel */
.carousel_container {
width: 500px;
height: 300px;
margin: 0px auto;
border: 0px solid gray; background-color: #FFFFFF; color:#CCCCCC; }

/* Footer */

#footer{
	width:100%;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}
.footerflash { color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: center; }
.footerflash A:link { color: #FF0000; text-decoration: none; }
.footerflash A:visited { color: #FF0000; text-decoration: none; }
.footerflash A:hover { color: #FF0000; text-decoration: none; }

.footer { COLOR: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; }
.footer A:link { color: #CCCCCC; text-decoration: none; }
.footer A:visited { color: #CCCCCC; text-decoration: none; }
.footer A:hover { color: #CCCCCC; text-decoration: underline; }

/* Formulaire */
INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.obli {color: #ff0000; Font-Family : Verdana, Arial, Helvetica, sans-serif; }

/* ---------------- */
/* Mentions Légales */
/* ---------------- */

.titrelegales { padding-top: 4px; padding-bottom: 4px; font-weight: bold; font-size: 14px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; background-color: #18499F; }
.textlegales { padding-right: 6px; padding-left: 6px; font-weight: normal; font-size: 12px; color: #564430; font-family: Verdana, Arial, Helvetica, sans-serif; }
.textlegales a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E92222; text-decoration: none; }
.textlegales a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;	color: #163E83; text-decoration: none; }
.headerlegales { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #0B52A2; text-decoration: none; }
.headerlegales a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #0B52A2; text-decoration: none; }
.headerlegales a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #0B52A2; text-decoration: none; }

/* --------------- */
/* Style annuaires */
/* --------------- */

.titreannu { font-size: 12px; color: #046AB8; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; background-color: #d3d3d3; text-align:center; }
.annuaires { font-size: 10px; color: #0668CF; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#000000; }
a.annuaires { font-size: 10px; color: #0668CF; font-family: Tahoma, Arial, sans-serif; text-decoration:none; font-weight: normal; text-align:center; }
a.annuaires:link { font-size: 10px; color: #0668CF; font-family: Tahoma, Arial, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
a.annuaires:hover {	font-size: 10px; color: #FF0000; font-family: Tahoma, Arial, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
a.annuaires:visited { font-size: 10px; color: #0668CF; font-family: Tahoma, Arial, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
.lettre { font-size: 12px; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; }
a.lettre:link { font-size: 12px; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; color: #0668CF; }
a.lettre:hover { font-size: 12px; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; color: #0668CF; }
a.lettre:visited { font-size: 12px; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; color: #0668CF; }
.liste { font-size: 8px; color:#000000; font-family: Arial, sans-serif; text-decoration:none; text-align:center; background-color:#000000; }
.liste2 { font-size: 12px; color:#000000; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#00A6EB; }

