/* CSS Document */
/* http://www.espace-repro-services.com */

body {
	margin-left: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:  url("../img/index/bleu.jpg");
	background-color:#E4EDF4;
	background-repeat:repeat-x;
}

#body	{
	margin: 0 auto; 
	padding: 0;
	width: 950px;
	text-align: left; 
	position: relative; 
}

#container	{
	margin: 0 auto; 
	padding: 0;
	width: 950px;
	text-align: left; 
	position: relative; 
	background-color: #FFFFFF; /* Blanc */ 
}

/* Menu Vertical */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.menuverti{
list-style-type: none;
margin: 0;
padding: 0;
width: 220px; /* width of menu */
}

.menuverti li{ border-bottom: 1px solid white; /* white border beneath each menu item */ }

.menuverti li a{
/*background: #333 url(media/sexypanelright.gif) no-repeat right top;*/ /*color of menu by default*/
font: bold 12px Arial, Helvetica, sans-serif;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.menuverti li a:visited, .menuverti li a:active{ color: white; }

.menuverti li a:hover{
background-color: black; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

.rouge {background:#C30F11;}
.magenta {background:#DB0073;}
.orange {background:#E9502B;}
.jauneorange {background:#F18E19;}
.jaune {background:#F9B900;} 
.vertpastel {background:#82B90F;}
.vertclair {background:#009835;}
.vert {background:#007B2F;}
.cyan {background:#00A6EB;}
.bleu {background:#235DAA;}
.violet {background:#59047D;}

/* Texte */
h1#header { text-align: center; color:#C7701A; font-family: Arial, Helvetica, sans-serif; font-size: 26px; margin:0px; padding:5px; vertical-align:text-top; }
h1#central { font-family:Arial, Helvetica, sans-serif; font-size: 24px; color: #D4340C; font-weight: bold; text-align:center; line-height:20px; }
h2#adresse { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; font-weight: bold; text-align:center; line-height:20px; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; font-weight: bold; text-align:left; line-height:20px; }

.textcentre14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-align: justify; font-weight:normal; }
.titremenuverti { font-size: 26px; color: #C7701A; font-family: Arial, Helvetica, sans-serif; text-align: center; margin:0px; }
.textgris { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 14px; text-align:justify; }
.textgris14 { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; text-align:justify; }
.textgriscentre14 { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; text-align: center; }

a.partenaires { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #D4340C; text-decoration: none; text-align:center; }
a.partenaires:link { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #D4340C; text-decoration: none; text-align:center; }
a.partenaires:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; text-align:center; }

a.offresemploi { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #D4340C; text-decoration: none; text-align:justify; }
a.offresemploi:link { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #D4340C; text-decoration: none; text-align:justify; }
a.offresemploi:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333; text-decoration: none; text-align:justify; }

div.TITRE { font-size: 24px; color: #D4340C; padding-top: 5px; border-bottom: dotted 1px; text-align:left; font-family: Arial, Helvetica, sans-serif; }
div.TITRE:first-letter { font-size: 30px; color: #D4340C; text-align:left; font-family: Arial, Helvetica, sans-serif; }

/* liste a puce */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.arrowlistmenu {
font: bold 14px Arial;
color: #D4340C;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
/*padding: 4px 0 4px 10px;*/ /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303; 
background: url(../img/index/puce-cmjn.jpg) no-repeat center left; /*custom bullet list image*/ 
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font: 14px Arial;
}

.arrowlistmenu ul li a:visited{
color: #D4340C;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #D4340C;
}

/* liste a puce 2 */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.arrowlistmenu2 {
font-weight:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif;
color: #D4340C;
}

.arrowlistmenu2 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu2 ul li{
background: url(../img/index/puce-cmjn.jpg) no-repeat center left; /*custom bullet list image*/ 
padding-top:4px;
padding-left: 20px; /*link text is indented 19px*/
}


/* adresse */
.adresse { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; color: #333333; line-height: 16px; }
.adresseblanc { font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; color: #FFFFFF; }
.adresseorange { font-size: 16px; color: #C7701A; font-family: Arial, Helvetica, sans-serif; text-align: center; }

/* Bordure Images */
.imgsolidrouge {
padding-right: 2px; padding-left: 2px; background-color: #FFFFFF; background-repeat: repeat; 
background-x-position: 0%; background-y-position: 0%; padding-bottom: 2px; padding-top: 2px; 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: #FF0000; border-right-color: #FF0000; border-bottom-color: #FF0000;
border-left-color: #FF0000; margin-bottom: 1px; margin-right:1px; margin-left:1px; margin-top:1px;
}


/* Vertical Ligne */
.vertiligne { background-image: url(../img/index/ligne-orange.jpg); background:background-repeat-y; }


/* Footer Ligne */
.ligne { background-image: url(../img/index/ligne-produit.jpg); background:background-repeat-x; }

/* Footer */
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:15px; color: #999999; }
h1#footer { text-align: center; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0px; padding:0px; font-weight: lighter; }
.bas { background-color: #D4340C; color:#FFFFFF; }
a.linksfooter { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCCCC; font-weight: bold; text-decoration:none; }
a.linksfooter:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#CCCCCC; font-weight: bold; text-decoration:none; }
a.linksfooter:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCCCC; font-weight: bold; text-decoration:none; }
a.linksfooter:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#CCCCCC; font-weight: bold; text-decoration:underline; }


/* ------------------------- Formulaire ---------------------------- */
INPUT.submit { font-size: 17px; color: #525252; Font-Family : Arial, Sans-serif;  font-style: normal;Font-Weight : Bold; background-color : #E8E6D7; border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-color: #525252;
}
INPUT.reset { font-size: 17px; color: #525252; Font-Family : Arial, Sans-serif; font-style: normal;Font-Weight : Bold; background-color : #E8E6D7; border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-color: #525252;
}
.obli {color: #ff0000; Font-Family : Arial, Helvetica, sans-serif; }
INPUT { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
SELECT { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
TEXTAREA { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.txterror { color: #FF0000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform2 { margin-left:5px; margin-right:5px; color: #000000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
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: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align: left; background-color: #D4340C; }
.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.legales { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #C7701A; text-decoration: none; }
a.legales:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #C7701A; text-decoration: none; }
a.legales:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #D4340C; 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:#333333; }
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: #EFEFEF; 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; }
.liste2 { font-size: 12px; color:#422E00; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#FFFFFF; }
.liste { font-size: 10px; color:#333333; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#333333; }