/* CSS Document */
body {
	margin: 0;
	text-align: left; /* needed for left IE5 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/index/noir-rouge.jpg);
	font-size: x-small; /* Fix IE5 Win */
	font-size: small;
}
#container	{
	margin: 0 auto; 
	padding: 0;
	width: 900px;
	text-align: left; 
	position: relative; 
	border: 1px solid #DC2B36; /* gris */
	background-color: #1D1B1C; /* gris */ 
}

/* menu horizontal */
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../menu/2menur_bg.jpg) repeat-x; /*tab background image path*/
	height: 42px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 42px;
	line-height: 42px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../menu/2menur_hover_left.jpg) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../menu/2menur_hover_right.jpg) no-repeat right top; /*right tab image path*/
}
/* Texte */

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #DC2B36; font-weight: bold; }
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }


.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; }
.textrouge { color: #DC2B36; 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; }
.detail { color: #DC2B36; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; font-weight:bold; text-align:left; text-decoration:underline; }
.textnews { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:justify; }

.coldroite { padding-top: 0px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; }
.header { padding-top: 5px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }

/* lien */ 
a.readmore:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #DC2B36; text-decoration: none; padding-left: 5px; }
a.readmore:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #DC2B36; text-decoration: none; }
a.readmore:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #DC2B36; text-decoration: none; }
a.readmore:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CCCCCC; text-decoration: underline; }

a.readmore2:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #DC2B36; text-decoration: none; padding-left: 5px; }
a.readmore2:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #DC2B36; text-decoration: none; }
a.readmore2:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #DC2B36; text-decoration: none; }
a.readmore2:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; text-decoration: underline; }

a.rouge { COLOR: #DC2B36; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-weight: bold; }
a.rouge:link { color: #DC2B36; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-weight: bold; }
/*a.rouge:visited { color: #990033; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; }*/
a.rouge:hover { color: #666666; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-weight: bold; }



/* bordure image Blanc gris */
.imgsolidblanc {
padding-right: 3px; padding-left: 3px; background-color: #DC2B36; 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: #ffffff; border-right-color: #ffffff; border-bottom-color: #ffffff;
border-left-color: #ffffff; margin-bottom: 3px; margin-right:3px; margin-left:3px; margin-top:3px;
}

.imgsolidblanc2 {
padding-right: 3px; padding-left: 3px; background-color: #FFFFFF; background-repeat: repeat; 
background-x-position: 0%; background-y-position: 0%; padding-bottom: 3px; padding-top: 3px; border-top-width: 2px;
border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid; border-top-color: #DC2B36; border-right-color: #DC2B36; border-bottom-color: #DC2B36;
border-left-color: #DC2B36; margin-bottom: 5px; margin-right:5px; margin-left:5px; margin-top:0px;
}

.imgsolidromanleft {
padding-right: 3px; padding-left: 3px; background-color: #FFFFFF; background-repeat: repeat; 
background-x-position: 0%; background-y-position: 0%; padding-bottom: 3px; padding-top: 3px; border-top-width: 2px;
border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid; border-top-color: #DC2B36; border-right-color: #DC2B36; border-bottom-color: #DC2B36;
border-left-color: #DC2B36; margin-bottom: 0px; margin-right:5px; margin-left:0px; margin-top:5px;
}
.imgsolidromandroit {
padding-right: 3px; padding-left: 3px; background-color: #FFFFFF; background-repeat: repeat; 
background-x-position: 0%; background-y-position: 0%; padding-bottom: 3px; padding-top: 3px; border-top-width: 2px;
border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid; border-top-color: #DC2B36; border-right-color: #DC2B36; border-bottom-color: #DC2B36;
border-left-color: #DC2B36; margin-bottom: 0px; margin-right:0px; margin-left:5px; margin-top:5px;
}

/* 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;
}



/* Footer */
.lignefooter { background-image:url(../img/index/ligne-rouge.jpg); background-repeat:repeat-x; line-height:10px; padding-right:10px; }
#footer{
	width:100%;
	background-color:#1D1B1C;
	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: #DC2B36; text-decoration: none; }
.footerflash A:visited { color: #DC2B36; text-decoration: none; }
.footerflash A:hover { color: #DC2B36; 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: #DC2B36; text-decoration: none; }

/* 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; }
.txtform2 { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.obli {color: #ff0000; Font-Family : Verdana, Arial, Helvetica, sans-serif; }
TT { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; }

/*  ---------------------- Mentions legales ---------------------------- */
.titrelegales { padding-top: 4px; padding-bottom: 4px; font-weight: bold; font-size: 14px; color: #EFEFEF; font-family: Arial, Helvetica, sans-serif; text-align: left; background-color: #D3340C; }
.textlegales { padding-right: 6px; padding-left: 6px; font-weight: normal; font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align:justify; }
a.textlegales{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #D3340C; text-decoration: none; }
a.textlegales:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; text-decoration: none; }
/*a.textlegales:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #D3340C; text-decoration: none; }*/
.header { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #EFEFEF; text-decoration: none; }
.header a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #EFEFEF; text-decoration: none; }
.header a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #EFEFEF; text-decoration: none; }
a.legales:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CCCCCC; text-decoration: none; }
a.legales:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CCCCCC; text-decoration: none; }
a.legales:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CCCCCC; text-decoration: none; }
a.legales:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; text-decoration: none; }

/* ------------------------ Annuaires ------------------------------ */
.titreannu { font-size: 12px; color: #EFEFEF; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; background-color: #333333; text-align:center; }
.annuaires { font-size: 10px; color: #046AB8; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#1D1B1C; }
a.annuaires { font-size: 10px; color: #EFEFEF; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight: normal; text-align:center; }
a.annuaires:link { font-size: 10px; color: #EFEFEF; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
a.annuaires:hover {	font-size: 10px; color: #8C3131; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
a.annuaires:visited { font-size: 10px; color: #EFEFEF; font-family: Arial, Helvetica, 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; }
.liste { font-size: 12px; color:#1D1B1C; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#1D1B1C; }
.liste2 { font-size: 12px; color:#333333; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#EFEFEF; }
