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

html { 
  margin:0;
  padding:0;
  background-color: #f4e7db; 
}

body {
 margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-size: 11px;
 overflow:hidden;
 overflow-x: hidden;
 overflow-y: auto;
 overflow : -moz-scrollbars-vertical;
 }/*
* {-moz-box-sizing: border-box; box-sizing: border-box;*/}
p  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	border: 0px;
}
table td {
	padding: 5px;
	}
table th {
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #585858;
	}
.tr1 td{
	background-color: #FAFAFA;
	border-bottom: 1px dotted #585858;
}
.tr2 td{
	background-color: #EEEEEE;
	border-bottom: 1px dotted #585858;
}
.label td { font-weight:bold;}
.horaires { white-space: nowrap; }
.ssbord td {
	border-bottom: 0px;
	}
.entete { vertical-align: text-top; text-align: right; font-weight:bold; }

h1 {
	font-size: 16px;
	font-weight: bold;
	font-variant:small-caps;
	margin: 0 0 5 0;
	color: #BE1134;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	font-variant:small-caps;
	margin: 0 0 5 0;
	color: #BE1134;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	color: #BE1134;
}
h4 {
	font-size: 12px;
	color: #BE1134;
	font-weight: normal;
	margin: 0px;
}
h5 {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #585858;
}
.right {
	text-align: right;
}
.gris {
	color: #585858;
}
.rouge {
	color: #BE1134;
}
.blanc {
	color: #FFF;
}
.orange {
	color: #F90;
}
a:link, a:visited {
	color: #59488a;
}
a:active, a:hover {
	color: #585858;
}
img {border: none;
}
form ul {
list-style-type:none
}

.flottantDroite {
	float:right; margin-left:10px;
	}
.flottantGauche {
	float:left; margin-right:10px;
	}
.annuleFloat {	
	clear:both;
	}
	
.hidden {display:none }

.center {
	text-align: center;
}
.detail { margin: 0px;}
.margin {
	margin : 0px;
	margin-top: 12px;
	margin-bottom: 12px;
}
#message {
	margin: 8px;
	color: red;
	text-align: center;
	font-weight: bold;
}

/****************************************************************************************/
/************************************ DECOUPE  *****************************************/
/****************************************************************************************/
div#header {width:100%; background-color:#FFF; margin: 0; padding: 0; display:block;}
div#bloc1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 1020px; padding:auto; margin:auto; display:block;}
div#bloc2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 1020px; padding:auto; margin:auto; display:block;}
div#bloc3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 1040px; padding: 5px; margin-left:auto; margin-right:auto; display:block; background-color: #fff; min-height: 500px;}
div#maincontent {width: 700px; margin:0; padding: 8px; display:inline-block; float:left;}
div#colonneright {width: 300px; margin:5px 0 0 0; padding: 0px; display:inline-block; float: right;}

div#bloc3 img {padding-right: 8px;}

/****************************************************************************************/
/************************************ HEADER   ******************************************/
/****************************************************************************************/

div#logo { float:left; height:90px; width:auto; padding: 5px 10px 0px 0px;}

#container {
	width: 200px;
	height: 110px;
	clear: both;
	display: inline-block;
	border-left: 1px solid #59488a;
	vertical-align:text-top; 
}
#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-image: none;
}
#menu a {
	display: block;
	min-width: 200px;
	line-height: 0.8;
	text-align: left;
	white-space: nowrap;
	padding: 5px;
	color: #59488a;
}
#menu li:hover {
	background: #F90;
	color: #FFF;
	text-decoration: underline;
}
#menu li:hover a {
	color: #FFF;
}
#menu a:hover {
	background: #F90;
	color: #FFF;
}
#menu li {
	float: left;
	min-width: 210px;
	font-size: 14px;
	line-height: 1.5;
	font-variant: small-caps;
	color: #59488a;
	text-align: left;
	padding-left: 5;
	white-space: nowrap;
	list-style: none;
	list-style-image: none;
	font-weight: bold;
}
#menu li ul {
	position: absolute;
	min-width: 210px;
	left: -999em;
}
#menu li:hover ul {
	left: auto;
	background: #F90;
}
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	background: #F90;
}
#menu li ul li {
	font-variant: normal;
	font-size: 12px;
}

div#bandeau {width: 100%; height: 40px; background-color:#F90}
div#nav {text-align: left; color: #FFFFFF; padding: 4px; margin-top: 4px; height: 30px;}
#nav a {
	color: #FFF;
	texte-decoration: underline;
	}
div#recherche {
	float: right;
	margin: 5px 0px 0px 0px;
	border: 0px;
}
#menu a:link, #menu a:visited {color: #59488a; text-decoration:none;}
#menu a:hover, #menu a:active {color: #585858; text-decoration:none;}

#colonneright a:link, #colonneright a:visited {color: #fcb64c; }
#colonneright a:hover, #colonneright a:active {color: #CCC; }

/****************************************************************************************/
/************************************ CONTENU PRINCIPAL *********************************/
/****************************************************************************************/

div#maincontent h3 {margin: 0 0 0 0; padding: 0px 0 0 0;}
div#maincontent h6 {margin: 0 0 0 0; padding: 0px 0 0 0;}
div#maincontent .resultatrecherche {float: left; font-size: 0.9em; font-weight: normal; margin: 15px 0 0 10px;}
div#maincontent a.modifier {text-decoration: none; float: right; margin: 15px 0 0 0; padding: 0;}
.padding5 {padding: 5px}
div#liens {padding: 5px}
div#liens ul {
 margin: 0px;
 padding: 0px;
 padding-left: 20px;
}
div#liens li {
 list-style-image: url(/img/lien.gif);
 list-style-type: square;
 margin: 0px;
 padding: 0px;
}
fieldset   {
  border: 1px solid #585858;
  padding: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  }
fieldset input	{
  margin: 10px;
  font-size: 11px;
  border: 1px solid #CCCCCC
}
fieldset label   {	
	width:100px;
	display:inline;
	font-size :11px;
	text-align: right;
	white-space: nowrap;
	float:left;
	margin-top:8px;
	font-weight: bold;
}
fieldset legend   {
	font-size: 14px;
	color: #585858;
}
fieldset textarea {
  font-size: 11px;
  width: 150px;
  border: 1px solid #CCCCCC;
  margin: 8px;
}
fieldset input[type=text] {
  font-size: 11px;
  width: 150px;
  border: 1px solid #CCCCCC;
  margin: 8px;
}
fieldset select {
  font-size: 11px;
  width: 150px;
  border: 1px solid #CCCCCC;
  margin: 8px;
}
fieldset input[type=checkbox] {
  margin: 10px;
  border: 0px;
}
fieldset input[type=radio] {
  margin: 8px;
  border: 0px;
}
fieldset input[type=button]	{
  width: 100px;
}
fieldset input[type=submit]	{
  width: 100px;
  margin: auto;
  display: block;
}
.chercher fieldset   {
  border: 0px;
  }
.chercher fieldset select	{
  font-size :11px;
  margin: 0px;
  color: #585858;
  border:1px solid #CCCCCC;
}
.chercher fieldset input {
  margin: 2px;
  font-size: 11px;
  border: 1px solid #CCCCCC
}
.chercher fieldset input[type=text] {
  font-size: 11px;
  width: 150px;
  border: 1px solid #CCCCCC;
}
.chercher fieldset input[type=image] {
  border: 0px;
}

.ombrage {
  box-shadow: 5px 5px 12px #666; 
  margin-top : 8px;
  padding: 0px;
} 
<!--[if lte IE 8]>
.ombrage {
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
    zoom: 1;
  } 
<!--[endif]-->

/****************************************************************************************/
/************************************ COLONNE DROITE ************************************/
/****************************************************************************************/

#photo {width:300px; height:220px;}

.crouge {width:282px; font-size: 11px; color: #FFF; text-align: left; padding: 5px; vertical-align:top; margin: 5px 0 5px 0; background-color: #be1234;}

.cindigo {width:282px; font-size: 11px; color: #FFF; text-align: left; padding: 5px 5px 20px 5px; vertical-align:top; margin: 5px 0 5px 0; background-color: #3c2c6b;}

.cgris {width:282px; font-size: 11px; color: #FFF; text-align: left; padding: 5px; vertical-align:top; margin: 5px 0 5px 0; background-color: #585858;}

.crose {width:282px; font-size: 11px; color: #FFF; text-align: left; padding: 5px; vertical-align:top; margin: 5px 0 5px 0; background-color: #E94189;}

div#archives liste { font-size: 10px;}
div#colonneright ul {
 margin: 0px;
 padding: 0px;
 padding-left: 20px;
}
div#colonneright li {
 list-style-image: url(/img/telecharger.png);
 list-style-type: square;
 margin: 0px;
 padding: 0px;
}
div#colonneright h4 {margin: 0 0 0 0; padding: 0px 0 0 0;
}
div#colonneright h6 {margin: 0 0 0 0; padding: 0px 0 0 0;
}
div#signataires {
	text-align: center;
}


/********************************************************************************************************/
/*******************************  FOOTER  ***************************************************************/
/********************************************************************************************************/
div.footer { display:block; }

#footer
{
color: white;
text-align: center;
padding: 15px 3px 0px 3px;
background-color:#000;
width: 100%;
height: 160px; /*ici je mettrais plutôt un height en px*/
}
#footer a:link, #footer a:visited {color: #fcb64c; }
#footer a:hover, #footer a:active {color: #CCC; }

#footer_niveau1 {  }
#footer_niveau2 {  padding-bottom:20px;}

#footer_niveau1 ul {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #585858;
	width:100%;
	margin:0;
	padding:0px;
}
#footer_niveau1 li {
 list-style: none;
 display: inline;
 margin: 0;
 padding: 0;
}
#footer_niveau2 ul {
	text-align:center;
	width:100%;
}
#footer_niveau2 li {
 list-style: none;
 display: inline;
 padding: 2px;
}
#footer_niveau2 a { color:#959595;}

#home_news { height: 100px; 
}
.paves { height: 100px;
}
a.menubas:link, a.menubas:visited {
	color: #585858;
	text-decoration: none;
}
a.menubas:hover, a.menubas:active {
	color: #BE1134;
	text-decoration: none;
}
/********************************************************************************************************/
/*******************************  styles ancien site  **************************************************/
/********************************************************************************************************/

#insert-left {margin:1em 0 2em; padding:1em; border:1px solid #ccc; background:#fafafa}
.cadre {
	margin: 5px;
	margin-left: 3px;
	padding: 5px;
	border:1px solid #585858; 
	background:#EFEFEF;
}