@charset "utf-8";
/* CSS Document */

/* reset.css ------------------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blokquote, th, td
{margin:0;padding:0; vertical-align:baseline;}

h1,h2,h3,h4,h5,h6
{ font-size:100%;}

/*table, tbody, tr, td, th
{ display: block;}*/

ol,ul
{ list-style:none; margin-bottom:10px;}

li {list-style-type:none;}

address, caption, cite, code, dfn, em,  th, var {
font-style:normal; 
font-weight:normal;
}

table
{ border-collapse:collapse; border-spacing:0;}

fieldset, img
{ border:0;}

img.as-text 
{ content: attr(alt); }

caption, th
{ text-align:left;}

q:before, q:after
{ content:"";}

* 
{ outline: none;}

pre { white-space: -pre-wrap;
    /* extension CSS propre à Opera */
      white-space: pre-wrap;
    /* ajouté dans CSS 2.1 CC3300*/}

/* typo -----------------------------------------------------------------------------------------------------------------*/
h1{
text-align:center;
font-size:1.2em;
/*background-color:#990033;background-color:#990033;*/
margin-bottom:0.2em;
padding:2px;
text-decoration:none;
}

h1 a {text-decoration:none; }

h2{text-align:center; color:#312121; font-size:1.1em; margin-bottom:5px;}
h3{ margin-bottom:5px; background-color:#312121; color:#FFFFFF;}
	h3 a{color:#CC3300 !important; text-decoration:none;}
	h3 a:hover{color:#000000 !important;}
h4{margin-bottom:20px; background-color:#312121; color:#FFFFFF;}
h5{margin-bottom:20px;}

/* général-----------------------------------------------------------------------------------------------------*/
body{ 
background-color:#312121;
/*background-image:url(../images/template/bg.gif); */
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container{ 
width:200px;
margin:0 auto;
background-color:#FFFFFF;
font-size:0.7em;
}

#branding{
width:200px;
margin-bottom:10px;
text-decoration:none;
}

#footer{
width:200px;
}

/* navigation*/
a { color:#ce3000;}
a:hover{ color:#CC3300;}
#nav_main_home a, #nav_main a {text-decoration:none;}



#nav_main{ width:100%;}
#nav_main li{display:block;}
#fleche li{display:block;}
#nav_main_home {
margin:0 auto;
width:100%;
text-align:center;
}

#nav_main_home li{ display:inline; margin:3px;}


/* contenu*/
#content_main{
width:200px;
}
	#content_main p{ margin:0 3px 10px 0px; width:194px;}
	#content_main ul{ margin:0 5px 10px 0px; list-style-type:square; list-style-position:inside;}
	#content_main table{ margin:0 35px 10px 50px;}
	#content_main table td{ padding:2px;}
	
#telephone{
width:200px;
text-align:center;
margin:0 0 10px 0 !important;
background-color:#f6f5f5;
}

/*site infos*/
#site_infos{
color:#7c695a;
font-size:0.8em;
text-align:center;
}

#site_infos li{
display:block;
}

#site_infos li a{color:#7c695a;}


/* classes */
.clear{ clear:both;}
.invisible{ text-indent:-9999px;}
.bold{ font-weight:bold;}
.red{ color:#FF0000;}
.center{ text-align:center !important;}
/*.centerFleche{ text-align:center !important; margin-left:36%;}*/
.underline{ text-decoration:underline;}
img.imgRight{ float:right; margin:0 35px 10px 10px;}


#aleft,#aright{
	display:block;
	width:100px;
	padding:0px;
	margin:0px;
}/*
#aleft{
	float:left;
	padding-left:5px;
}
#aright{
	text-align:right;
	float:right;
	padding-right:5px;
}*/

.calage{
width: 93%;
border: 1px solid #c1c1c1;
}

.calageButton {
width: 95%;
padding: 2px;
color: #333333;
}