/* ##### Styles communs ##### */

/* body {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
	color: #1B6B71;
	background: #E5F9F8 url(images/fond_general3.jpg) repeat-x top left;
} */
body {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%; /* Permet la graduation de la taille des caractères dans MSIE */
	margin: 0;
	padding: 0;
	color: #1B6B71;
	background: #e5eefa url(images/fond_general5.jpg) repeat-x top left;
}

a img, img {
   border: 0;
}
a:hover img {
   background-color:none;
}
/* lien par défaut */
a {
	color: #2C950A;
}
a:hover {
	color: #AB4986;
}

/* entete */
#mentete {
	width: 100%;
	height: 25px;
	background: transparent;
	border-bottom: thin dotted #E78A13;
	
}
	#entete {
	float:left;
	padding-top:0.2em;
	padding-left:1em;
	color: #5697B9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal
	}
		#entete A {
	color: #5697B9;
	border: 0;
}
		#entete A:hover {
	color: #FF6600;
}

  	#entetepage {	
	float:right;
	padding-top:0.2em;
	padding-right:1em;
	color:#FFF; font-weight:bold; text-align:right
  	}
		#entetepage A {color:#FFF; font-weight:normal}
		#entetepage A:hover {color:#FF8000; font-weight:normal}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {color:#666; font-weight:bold;font-size:16px}

/* image par défaut */

/* Accueil */
#accueil{
	width: 100%;
}
/* edito */
#contenaire_edito{
	width: 519px;
	float: left;
}
#contenaire_edito h1{
	font-size: 20px;
	background: url(images/carre_bienvenue.gif) no-repeat left;
	color: #EB6F0B;
	padding-left: 20px;
	display:inline;
}
#edito{
	background: url(images/fond_edito519.jpg) no-repeat top left;
	width: 519px;
	padding-top: 15px;
	float: left;
}
#edito h1{
	display: block;
	font-size: 16px;
	background: none;
	margin: 0;
	color: #5697B9;
	/*padding-left: 25px;
	padding-right: 25px;*/
}
#edito span{
	display: none;
}
#edito p{
	text-align: justify;
	padding-left: 25px;
	padding-right: 25px;
}
#edito div.txt_justify{
	text-align: justify;
	padding-left: 25px;
	padding-right: 25px;
}
#edito div.txt_center{
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
}
#edito div.txt_right{
	text-align: right;
	padding-left: 25px;
	padding-right: 25px;
}
#edito a{
	font-weight: bold;
	border: 0;
}
#editobas{
	margin: 0;
	width: 519px;
	background: url(images/bas_edito519.jpg) no-repeat left;
	clear: both;
	padding: 0;
}
#accueil_droit{
	clear: both;
	margin-top: 30px;
}
#accueil_droit h1{
	font-size: 16px;
	background: url(images/carre_bienvenue.gif) no-repeat left;
	padding-left: 20px;
	color: #EB6F0B;
}

/* ### Site ### */

#container{
	position: relative;
	width: 760px;
	/*height: 400px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0;
	background: White url(images/fond_site.gif) repeat-y;
}
/* header HIVER 
#header{
	width: 100%;
	height: 134px;
	background: url(images/bandeau_hiver.jpg) no-repeat left;
} */
#header{
	width: 100%;
	height: 134px;
	background: url(images/bandeau.jpg) repeat-x left;
}
#sheader{
	width: 100%;
	height: 11px;
	line-height: 0;
	background: url(images/sm_02.gif) repeat-x;
}
#logo{
	padding: 0;
	margin: 0;
}
/*  Pub   */

#pub{
	
}
#pubH{
	width: 250px;
	height: 84px;
	position: relative;
	left: 459px;
	top: -130px;
	display: block;
}
.blog {
	background-image: url(images/bando-envie-1.jpg);
	background-repeat: no-repeat;
	width: 186px;
	height: 41px;
	background-color: White;
	display: block;
	margin-left: 10px;
}
.blog:hover {
	background-image: url(images/bando-envie-2.jpg);
}
#jc08{
	position: relative;
	left: 320px;
	top: -130px;
	display: inline;
}
#menuhaut{
	background-color: transparent;
	width: 347px;
	position: absolute;
	top: 106px;
	left: 404px;
	height: 28px;
}
#m_voir, #m_faire, #m_vivre{
	float: left;
	padding: 0;
	width: 115px;
}
#m_faire, #m_vivre{
	margin-left: 1px;
}
#milieu,#mgauche,#mdroit{
	padding: 0;
	margin: 0;
}
#milieu{
	width: 100%;
	background: transparent;
}
/* ### gauche ### */
#mgauche{
	width: 208px;
	background: url(images/feuille.gif) repeat-y top left;
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
}
#mgh01{
	width: 206px;
	height: 66px;
	background: transparent url(images/fond_vignettes.gif) repeat-x left;
	margin-left: 1px;
	text-align: center;
	padding-top: 0px;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#mgh01 a{
	border: 0;
}
.onglets_g{
	width: 206px;
	height: 22px;
	background: transparent url(images/onglets_g.gif) no-repeat left;
	margin-left: 1px;
	color: #940018;
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;
	line-height: 22px;
	margin-top: 5px;
}
.menu_g{
	width: 206px;
	background: transparent url(images/fond_menu_g.gif) repeat-y left;
	margin-left: 1px;
	border-bottom: 1px solid #49A4AB;
	border-top: 1px solid #49A4AB;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.txtmenug{
	padding-left: 15px;
	padding-right: 12px;
	color: #1B6B71;
	border: 0;
}
.txtmenug a{
	/*padding-left: 15px;
	padding-right: 12px;*/
	text-decoration: none;
	color: #1B6B71;
	border: 0;
}
.txtmenug a:hover{
	text-decoration: none;
	color: #940018;
}
.txtmenug-b{
	padding-left: 15px;
	padding-right: 12px;
	color: #1B6B71;
	border: 0;
	font-weight: bold;
}
.txtmenug-b a{
	/*padding-left: 15px;
	padding-right: 12px;*/
	text-decoration: none;
	color: #1B6B71;
	border: 0;
}
.txtmenug-b a:hover{
	text-decoration: none;
	color: #940018;
}
.menu_g ul{
	list-style-type: none;
	padding: 0;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 10px;
}

.menu_g ul  li {
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}
.menu_g ul  li a{
	padding-left: 10px;
	text-decoration: none;
	color: #1B6B71;
	background: url(images/fleche_bleue.gif) no-repeat left;
	border: 0;
}
.menu_g ul  li a:hover{
	padding-left: 12px;
	text-decoration: none;
	color: #940018;
	background: url(images/carre_orange.gif) no-repeat left;
}
#basg{
	width: 206px;
	height: 11px;
	line-height: 11px;
	background: transparent url(images/bas_gauche.gif) no-repeat;
	margin-left: 1px;
}
/**********/
#mdroit{
	background: transparent;
	float: left;
	width: 551px;
	_width: 538px;
	margin: 0;
	padding: 0;
}
#mhaut{
	width: 100%;
	height: 66px;
	background: White url(images/fond_vignettes.gif) repeat-x left;
	margin: 0;
	padding: 0;
}
#vig01,#vig02{
	width: 100%;
	background: transparent;
	display: inline;
	height: 30px;
	padding: 0;
	border: 0;
	margin: 0 0 0;
}
#vig01 a,#vig02 a{
	border: 0;
}
 #vig01 img, #vig02 img{
	margin-left: 6px;
	_margin-left: 4px;
	margin-right: 0;
	padding: 0;
	border: 0;
}
#vig01{
	float: left;
}
#vig02{
	margin-top: 5px;
	clear: both;
	float: left;
}
#contenu{
	background-color: White;
	padding:20px;
	_padding: 9px;
}
#footer{
	width: 100%;
	height: 47px;
	background-color: White;
	clear: both;
	background: url(images/footer.gif) no-repeat left;
	text-align: right;
	line-height: 55px;
	color: White;
}
#footer a{
	color: White;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	border: 0;
}
#footer a:hover{
	color: #EBFDD2;
	border-bottom: thin dotted #EBFDD2;
}
/* Agenda accueil */
div.aag{
	text-align: center;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #AB4986;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 45%;
}

/**************/
acronym, .titleTip {
  border-bottom: 1px dotted rgb(61,92,122);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

/*a {
  color: rgb(61,92,122);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

a:hover {
  color: rgb(61,92,122);
  text-decoration: none;
}*/

/*ul {
	list-style-type: none;
}

ul li {
  line-height: 1.5em;
  padding: 0;
}*/

.doNotDisplay {
  display: none !important;
}

.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}

/* autres éléments par défaut */

input {
   background-color: #EEEEEE;
   border: #000000 1px solid; 
   text-indent: 1px;  
   font-size: 9px;
}

textarea {   
   font-size:10pt;
   color:#000000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color: #000000;
   background-color:#FFFFFF;
}

select {  
   font-size:9px;
   color:#000000;
   background-color:#FFFFFF;
}

hr {}


/* ##### Side Menu ##### */

#sidebar {
  width: 12em;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 1.5ex;
  top: 11em;
  z-index: 100;
}


/* ##### Contenu central ##### */

#pagecentre {
  font-size:1em;
  text-align: left;
  color: rgb(61,92,122);
  padding: 0.5em 10px;
  width: auto;
  min-height: 400px;
  clear: left;
}

* html #pagecentre {
  height: 400px; /* hack uniquement interprété par IE Win+Mac*/
} 

#pagecentre h1 {
  color: rgb(193,102,90);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 186%;
  margin: 0;
  padding: 1.5ex 0 0 0;
}

#pagecentre h2 {
  color: rgb(61,92,122);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 151%;
  margin: 0;
  padding: 1ex 0 0 0;
}

#pagecentre p {
  color:rgb(33,50,66);
  line-height: 1.5em;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

/**** info bulle ****/
a.info,a.info2 {
	position: relative;  /*Très important */
	z-index: 20;
	border: 0;
}

a.info:hover,a.info2:hover,a.infocc:hover {
    z-index:200; 
}

a.info span,a.info2 span,a.infocc span {
    display:none;
}

a.info:hover span {
	/*la tag SPAN apparaitra avec l’effet hover*/
	display: block;
	position: absolute;
	top: 10px;
	left: 95px; /* Éléments pour positionner le texte dans la bulle */
	padding-left: 25px;
	padding-top: 24px;
	padding-bottom: 5px;
	padding-right: 8px;
	width: 205px;
	height: 45px; /* Style du character dans la bulle */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 0.9em;
	color: #1B6B71;
	text-decoration: none;
	text-align: left;
	line-height: 1em;
	border: 0;
}

/* Pour avoir un beau background de bulle avec PNG transparent*/
a.info:hover>span { background-image:url(images/bgInfo.png);}
a.info:hover span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bgInfo.png", sizingMethod="crop");}

/**** info bulle 2 ****/
a.info2:hover span {
	/*la tag SPAN apparaitra avec l’effet hover*/
	display: block;
	position: absolute;
	top: -65px;
	left: -210px;
	/* Éléments pour positionner le texte dans la bulle */
	padding-left: 12px;
	padding-top: 8px;
	padding-bottom: 24px;
	padding-right: 25px;
	width: 205px;
	height: 45px;
	/* Style du character dans la bulle */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
	color: #1B6B71;
	text-decoration: none;
	text-align: left;
	line-height: 1.2em;
}

/* Pour avoir un beau background de bulle avec PNG transparent*/
a.info2:hover>span { background-image:url(images/bgInfo2.png);}
a.info2:hover span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bgInfo2.png", sizingMethod="crop");}

/**** info bulle communes ****/
a.infocc{
	/*position: relative;  Très important */
	z-index: 20;
	border: 0;
}
a.infocc:hover span {
	/*la tag SPAN apparaitra avec l’effet hover*/
	display: block;
	position: absolute;
	top: 210px;
	left: 330px; /* Éléments pour positionner le texte dans la bulle */
	padding-left: 10px;
	padding-top: 12px;
	padding-bottom: 5px;
	padding-right: 10px;
	width: 280px;
	height: 20px; /* Style du character dans la bulle */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	color: #AB4986;
	text-decoration: none;
	text-align: center;
	line-height: 1em;
	border: 0;
}

/* Pour avoir un beau background de bulle avec PNG transparent*/
a.infocc:hover>span { background-image:url(images/bgInfocc.png);}
a.infocc:hover span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bgInfocc.png", sizingMethod="crop");}

/*** FCKEditor ***/
.txt_code
{widht:98%;
	border: #000000 1px dotted;
	padding: 0 5px 0 5px;
	color: #000000;
	background-color: #EEEEEE}
.txt_right {text-align:right}
.txt_center{text-align: center}
.txt_justify{text-align: justify}


.img_left {float:left; padding: 5px; margin-left: 5px;}
.img_right {float:right; padding: 5px; margin-left: 5px;}

.voircarte a{
	background-image: url(images/voircarte.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 30px;
	color: #1F6201;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 0;
}
.voircarte a:hover{
	color: #8B366C;
}
DIV.texte h2{
	font-size: 1.6em;
	color: #AB4986;
	text-align: center;
	background-color: #EBFDD2;
	font-weight: bold;
	line-height: 140%;
}
DIV.texte h2 a{
	color: #FF6600;
	text-decoration: none;
}
DIV.texte h2 a:hover{
	color: #AB4986;
}
DIV.texte h3{
	background: url(images/fleche_orange.gif) no-repeat left;
	padding-left: 10px;
	font-size: 1.4em;
	color: #328801; /*margin-bottom: -10px;
	margin-top: 15px;*/
	border-bottom: 1px dotted #E78A13;
}
DIV.texte h3 a{
	color: #AB4986;
	text-decoration: none;
}
DIV.texte h3 a:hover{
	color: #FF6600;
}
DIV.texte h4{
	background: url(images/fleche_bleue.gif) no-repeat left;
	padding-left: 10px;
	font-size: 1.3em;
	color: #1B6B71;
	font-weight: bold;
	margin-top: -5px;
}
DIV.texte h4 a{
	color: #FF6600;
	text-decoration: none;
}
DIV.texte h4 a:hover{
	color: #AB4986;
}
DIV.texte h5{
	padding-left: 20px;
	margin-left: 15px;
	font-size: 1em;
	font-weight: normal;
	margin-top: -15px;
	background: url(images/infos.gif) no-repeat top left;
	padding-top: 0;
	padding-bottom: 0;
	font-style: italic;
}
DIV.texte h5 a{
	color: #FF6600;
	text-decoration: none;
}
DIV.texte h5 a:hover{
	color: #AB4986;
}

/* Formulaire */
input{
	background: #F7FDF0;
}
.flegend{
	color: #E78A13;
	font-weight: bold;
}
h4.merci{
	color: #FF8306;
	background: url(images/infos.gif) no-repeat left;
	padding-left: 20px;
}
h5.merci{
	border-left: 2px solid #FF8306;
	padding-left: 10px;
}
#concours h1{
	color: #FF6600;
	font-weight: bold;
	font-size: 1.8em;
	margin: 0;
	padding-bottom: 20px;
}
#concours #txt{
	font-weight: normal;
	line-height: 150%;
}
#concours #txt span{
	color: #FF6600;
	font-weight: bold;
}
.jcv{
	height: 30px;
	width: 30px;
}
.orange{
	font-weight: bold;
	color: #FF6347;
}