html,body{
	margin:0;
	padding:0;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	background: #ee7f01;
	color:#666666;
}


p{
margin:0px;
padding:0px;
}

hr {
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #cccccc;
 background-color: #cccccc;
 border: 0;
margin-top: 10px;
margin-bottom: 10px; }

a {
	color:#ff9900;
	text-decoration:none;
}


a:hover {
	color:#ff9900;
    text-decoration:underline;
}

h1{
	font-size: 18px;
	color: #ee7f01;
}

h2{
	font-size: 14px;
	color: #00a6d4;
}


h3{
	font-size: 13px;
	color: #004a99;
}


.text-12{
font-size: 12px;
}

.text-13{
font-size: 13px;
}

.text-14{
font-size: 14px;
}

.text-15{
font-size: 15px;
}

/* coul1 = vert foncé */

.coul1{
color: #ee7f01;	
}

/* coul2 = gris très foncé */

.coul2{
color: #00a6d4;	
}

/* coul3 = gris foncé */

.coul3{
color: #004a99;	
}

.bloc-couleur {
margin-top: 10px;
margin-bottom: 10px;
border: 1px #ccc solid;
background-color: #f1f1f1;
padding: 10px;
}

.bloc-cadre {
margin: 0px;
background-color: #ffffff;
padding: 10px;
background-image: url(../pictos_site_21/a_supp/back_bloc_gris.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px #ee7f01 solid; }




#content{
	margin: auto;
	text-align: center;
}

#header{
	background: transparent url(../pictos_site_21/fond_titre.gif) no-repeat center;
	height: 180px !important;
	height: auto;
}

#bloc-recherche{
	background: transparent url(../pictos_site_21/bloc_recherche.png) no-repeat;
	width: 236px;
	height: 38px;
	float: right;
	margin-top: 12px;
	margin-right: 36px;
	padding-left: 5px;
	padding-top: 14px;
}

.input-search{
	width:140px;
	border: 0;
	background: #81d3ea;
	height: 17px;
	font-family: Arial;
	font-size: 11px;
	float: left;
}

.btn-search{
	border: 0;
	background: url(../pictos_site_21/btn_recherche.gif) no-repeat;
	width: 80px;
	height: 17px;
	float: left;
	margin-left: 5px;
}

#menu{
	padding-top: 134px;
	margin-left: 40px;
}

#menu ul {
  margin-bottom: 0px;
  padding: 0px;
  list-style: none;
  
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  
  clear: both;
}
#menu ul li {
  float: left;
  _margin-top: -4px;
}
#menu ul li a {
  float: left;
  text-decoration: none;
  padding-left: 8px;
  background-image: url(../pictos_site_21/btn_menu_gauche.gif);
  background-position: 0% 0px;
  background-repeat: no-repeat;
  color: #333333;
}
#menu ul li a span {
  float: left;
  background-image: url(../pictos_site_21/btn_menu_droite.gif);
  background-position: 100% 0px;
  background-repeat: no-repeat;
  height: 18px;
  
  padding-top: 10px;
  padding-bottom: 5px;
  
  padding-left: 10px;
  padding-right: 18px;
}
#menu ul li a:hover {
  background-position: 0% -33px;
}
#menu ul li a:focus {
  background-position: 0% -33px;
}
#menu ul li a:hover span {
  background-position: 100% -33px;
}
#menu ul li a:focus span {
  background-position: 100% -33px;
}

#menu ul li a.youarehere {
  background-position: 0% -33px;
}
#menu ul li a.youarehere  span {
  background-position: 100% -33px;
}

#bloc-une{
	padding-left: 55px;
	padding-bottom: 20px;
	height: 183px;
	
	background: #383737;
}

#une-haut{
	background: transparent url(../pictos_site_21/content-haut-fond.png) repeat-x left bottom !important;
	background: transparent url(../pictos_site_21/content-haut-fond-ie.png) repeat-x left bottom;
	margin-top: -14px !important;
	margin-top: -33px;
}

#une{
	margin-top: 20px;
	float: left;
}

#une-legende{
	background: #000;
	position: absolute;
	color: #fff;
	margin-left: 360px;
	width: 220px !important;
	width: 240px;
	padding: 10px;
	height: 141px !important;
	height: 161px;
	-moz-opacity:0.65;
	opacity: 0.65;
	filter:alpha(opacity=65);
	text-align: left;
}

#une-legende a{
	color: #fff;
}

#une-legende a:hover{
	color: #fff;
}

img{
	border: 0;
}

.spacer {
clear: both;

}

#video{
	margin-top: 20px;
	float: left;
	margin-left:30px;
}

#fond-actus{
	background: #efeeee url(../pictos_site_21/back_333.gif) repeat-x left top;
}

#bas-actus{
	background: url(../pictos_site_21/content-bas-fond.png) repeat-x;
	height: 29px;
}

#bloc-actus{
	width: 990px;
	margin: auto;
	background: url(../pictos_site_21/bloc_accueil_fond.gif) repeat-y;
}

#bloc-actus-haut{
	height: 25px;
	width: 991px;
	background: url(../pictos_site_21/bloc_accueil_haut.gif) no-repeat;
}
#bas-actus-bord{
	height: 30px;
	width: 990px;
	margin: auto;
	background: url(../pictos_site_21/content-bas.png) no-repeat 1px top;
/*	background: url(../pictos_site_21/content-bas.png) no-repeat left top;*/
}
#actus{
	font-size: 11px;
}

.btn-accueil{
	display: block;
	margin-bottom: 10px;
}

#accueil-boutons{
	padding-left: 25px !important;
	padding-left: 0px;
	padding-top: 5px;
	float: left;
	vertical-align: top;
}

#accueil-actus{
	width: 505px;		
	padding-left: 23px;
	padding-right: 23px;
	float: left;
	padding-top: 10px;
	vertical-align: top;
}

#accueil-agenda{	
	background: #f0efef;
	float: left;
	vertical-align: top;
}

#agenda-contenu{
	width:190px;
	background: #f0efef;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}



a.onglet{
	color: #e75012;
	padding: 5px 20px 9px 20px;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	border: 1px solid #efeeee;
	border-bottom: 0;
	outline:none;
}

a:hover.onglet{
	color: #e75012;
	padding: 5px 20px 9px 20px;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	border: 1px solid #efeeee;
	border-bottom: 0;
	outline:none;
	background: url(../pictos_site_21/fond_onglet.gif);
}

a.actif{
	background: url(../pictos_site_21/fond_onglet.gif);
	text-decoration: none;
}

.bloc-onglet{
	margin-top: 5px;
	width: 505px;
	padding-bottom: 10px;
	background: #eeeded;
}

.zoom{
	padding-top: 15px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 15px;

}

img.zoom-image{
	border: 1px solid #cac8c8;
	padding: 3px;
	background: #fff;
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}

.zoom-titre{
	font-weight: bold;
	color: #ee7f01;
	font-size: 12px;
}

.agenda-titre{
	font-weight: bold;
	color: #0099cc;
	font-size: 11px;
}

.bloc-zoom{	
line-height:14px;
margin-bottom:15px;
}


#menu-gauche {
margin: 0px;
padding-top: 10px;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 0px;
text-align:left;

}



#menu-gauche ul {
margin: 0px;
padding: 0px;
}

#menu-gauche li {
list-style: none;
margin-bottom: 0px;
padding: 0px;
display: block;
border-bottom: 1px #d2d2d2 solid;
background-image: none;
}

#menu-gauche a {
font-size: 11px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-weight:bold;
text-transform:uppercase;
margin: 0pt;
display: block;
color: #666666;
text-decoration: none;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 15px;
padding-right: 0px;
background: url(../pictos_site_21/puce_menu.gif) no-repeat;
background-position: 0 11px;
 }

#menu-gauche a:hover {
color: #0099cc;
}

#menu-gauche a.current {
color: #0099cc;
}

#menu-gauche a.current:hover {
color: #0099cc;
}

ul.subgauche {
margin: 0px;
padding: 0px;
}

#subgauche li {
list-style:none;
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #fff solid;
}

#subgauche a {
font-size: 11px;
text-transform: none;
margin: 0px;
padding: 4px 4px 4px 20px;
display: block;
color: #666666;
text-decoration: none;
font-weight: normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
background: url(../pictos_site_21/puce_sousmenu.gif) no-repeat scroll 10px 7px; 
}

#subgauche a:hover {
color: #0099cc;
}

#subgauche a.youarehere, a.youarehere:hover {
color: #0099cc;
}


/* chiffres pages*/

#bloc-chiffres {
padding:0;
margin-top:15px;
}

#bloc-chiffres ul {
text-align:center;
list-style: none;
margin: 0;
padding: 0;
font-size: 10px; }

#bloc-chiffres li{
display: inline;
padding: 0;
background-image: none;
margin-right:2px;
text-decoration:none;
}

#bloc-chiffres a{
color: #666;
background-color: #F0EFEF;
border:1px solid #F0EFEF;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
}

#bloc-chiffres a:hover{
color: #ffffff;
background-color: #ffa200;
border:1px solid #ffa200;
text-decoration: none;
}

#bloc-chiffres a.current, .bloc-chiffre a.current:hover{
color: #ffffff;
background-color: #ffa200;
border:1px solid #ffa200;
text-decoration: none;
}



/* footer*/

#footer{
	text-align: center;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer a{
	text-decoration: none;
	color: #fff;
	padding:7px;
}

#footer a:hover{
	text-decoration: none;
	color: #f6bb78;

}

#logo34{
	padding-bottom: 25px;
	background: #004a99 url(../pictos_site_21/back_orange.gif) repeat-x;
}

#num34{
	margin: auto;
	width:950px;
	text-align:left;
	padding-left:20px;
}


.habillage-champs {
width: 220px;
background-color: #fff;
border:1px solid #e1e1e1;
color:#666666;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }


.habillage-message {
width: 220px;
background-color: #fff;
border:1px solid #e1e1e1;
font-family: Arial,Helvetica,sans-serif;
color:#666666;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select {
background-color: #fff;
border:1px solid #e1e1e1;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
color:#666666;
font-size: 10px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

tbody{
font-size:11px;
}


#module table{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border-collapse: collapse;
border : 1px #fff solid;
}


#module td{
padding: 5px;
border : 1px #fff solid;
}


#module tr{
padding: 10px;
background-position: right top; }

#tableau-media table{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border-collapse: collapse;
line-height: 16px;
border : 1px #e1e1e1 solid;
}


#tableau-media td{
padding: 8px;
border : 1px #e1e1e1 solid;
}


#tableau-media tr{
padding: 8px;
background-position: right top; }

#tableau-media tr:hover {
padding: 10px;
background-image: none;
background-color:#f0f0f0; }

#tableau-media tr.top{
font-weight:bold;
padding: 10px;
background-image: none;
background-color:#f1f1f1; }








/* bloc haut de page*/

#haut-de-page {
text-align: right;
margin-top: 20px;
margin-bottom: 0px;
}