.facebook_link {
        background: transparent url(images/facebook.gif) no-repeat 0 50%;
}


#cadre_module {
 border:1px dotted black;
 }

.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
 
body{
padding:5px;
margin:5px;
background-color:#FFFFFF;
}

.cherche {
}

.separateur{
padding:1px;
margin:1px;
border-top:0px; 
border-bottom:0px;	
}

.tourBleu {
  border-left:8px solid #CFCFCF; 
  border-right:8px solid #CFCFCF; 
  border-top:8px solid #CFCFCF; 
  border-bottom:8px solid #CFCFCF;	
  background-color:#FFFFFF;
 
}
.liseret {
 border-left:1px solid #000000; 
 border-right:1px solid #000000; 
 border-top:1px solid #000000; 
 border-bottom:1px solid #000000; 
 margin:0px;
 padding:0px;
   }


.titre {
 border-left:1px solid #4B618B; 
 border-right:1px solid #4B618B; 
 border-top:1px solid #4B618B; 
 border-bottom:1px solid #4B618B;	
 color:#4B618B;
 background-color:#B6CCFB;
}

.machine {
 border-left:1px solid #4B618B;
 border-right:1px solid #4B618B;
 border-top:1px solid #4B618B;
 border-bottom:none; 
  }
 .legende {
 border-left:1px solid #4B618B; 
 border-right:1px solid #4B618B; 
 border-top:none; 
 border-bottom:1px solid #4B618B; 
  }
 .nolegend {
  }  
  

td { vertical-align:top;font-size:13px;}

a:hover{text-decoration:none;}

img {
  border:0px;
}

.main_text, table, input, textarea, a
	{	font-family:Comic Sans MS;
		color:#555555;
	}
font span { font-family:Tahoma; font-size:11px; color:#393939;}
font span a{ font-family:Tahoma; font-size:11px; color:#393939; text-decoration:none}
font span a:hover { font-family:Tahoma; font-size:11px; color:#393939; text-decoration:underline}

span a { font-size:9px; color:#7EA717; text-decoration:none}
span a:hover { font-size:9px; color:#7EA717; text-decoration:underline}

strong span a{ color:#B9720E; font-size:11px; text-decoration:underline}
strong span a:hover { color:#B9720E; font-size:11px; text-decoration:none}

span font a { font-size:11px; color:#B9720E; text-decoration:underline}
span font a:hover { font-size:11px; color:#B9720E; text-decoration:none}

font a{ font-size:11px; color:#3E7291; text-decoration:underline}
font a:hover { font-size:11px; color:#3E7291; text-decoration:none}

strong a{ color:#687201}
strong a:hover { color:#687201}

.h_text { color:#555555; text-decoration:none}
.h_text:hover{ color:#555555; text-decoration:underline}
	
.l_text {color:#D3D1D1}
.l_text a {color:#D3D1D1; text-decoration:none}
.l_text a:hover {color:#D3D1D1; text-decoration:underline}

.l2_text { color:#677101; text-decoration:underline}
.l2_text:hover { color:#677101; text-decoration:none}
	
.c_text { color:#969693}
.c_text a { color:#969693}

.no_class, form, .no_class td
	{
		width:auto;
		height:auto;
		margin:0px;
		padding:0px;
		border:0px;
		
	}
	
.input	{width:154px; height:17px; border-color:#CDCDCD; border-bottom-width:1px; border-right-width:1px; background-color:#ffffff; padding-left:5px}
.input1	{width:119px; height:17px; border-color:#CDCDCD; border-bottom-width:1px; border-right-width:1px; background-color:#ffffff; padding-left:5px}

select { width:237px; background-color:#FFFFFF;}
.select { width:150px; background-color:#FFFFFF;}

ul {margin:5; padding:5; list-style:none}
li a  {font-family:Tahoma; font-size:11px; line-height:20px; color:#fafafa; text-decoration:underline;}
li a:hover {text-decoration:none;}

.ul1 li a  {font-family:Tahoma; font-size:11px; line-height:20px; color:#fafafa; text-decoration:underline;}
.ul1 li a:hover {text-decoration:none;}


/* couleur 56 6E 9E = 86 110 158 */
/* couleur BE BE BE = 190 190 190 */
#navlist
{
font-size:13px;
margin: 0;
padding: 0 10px 20px 10px;
border-bottom: 1px solid #566e9e;
border-top: 1px solid #566e9e;
color: #FAFAFA;
}

#navlist ul, #navlist li
{
font-size:13px;	
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
color: #FAFAFA;
}

#navlist a:link, #navlist a:visited
{
font-size:13px;
float: left;
line-height: 14px;
margin: 0 10px 4px 10px;
font-weight: bold;
text-decoration: none;
color: #8e8f92;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
font-size:13px;
border-bottom: 4px solid #566e9e;
padding-bottom: 2px;
background: transparent;
font-weight: bold;
color: #566e9e;
}

/* Pour le sommaire */
#navlists li
{
text-align: center;
width:150px;
font-size:13px;	
margin: 0 0 10 0;
padding: 0;
display: inline;
list-style-type: none;
color: #FAFAFA;
}

#navlists a:link, #navlists a:visited
{
font-size:13px;
line-height: 14px;
margin: 0 10px 4px 10px;
font-weight: bold;
text-decoration: none;
color: #8e8f92;
}

#navlists a:link#current, #navlists a:visited#current, #navlists a:hover
{
font-size:13px;
background: transparent;
font-weight: bold;
color: #566e9e;
}

/* Version mini : de navlist */

#navlistsmini li
{
text-align: center;
width:150px;
font-size:13px;	
margin: 0 0 10 0;
padding: 0;
display: inline;
list-style-type: none;
color: #FAFAFA;
}

#navlistsmini a:link, #navlistsmini a:visited
{
font-size:13x;
line-height: 14px;
margin: 0 10px 4px 10px;
font-weight: bold;
text-decoration: none;
color: #8e8f92;
}

#navlistsmini a:link#current, #navlistsmini a:visited#current, #navlistsmini a:hover
{
font-size:13px;
background: transparent;
font-weight: bold;
color: #566e9e;
}


/* Pour le sommaire */
#Sommaire_mini li
{
text-align: center;
width:100px;
font-size:16px;	
margin: 0 0 10 0;
padding: 0;
display: inline;
list-style-type: none;
color: #FAFAFA;
}

#Sommaire_mini a:link, #Sommaire_mini a:visited
{
font-size:16px;
line-height: 14px;
margin: 0 10px 4px 10px;
font-weight: bold;
text-decoration: none;
color: #8e8f92;
}

#Sommaire_mini a:link#current, #Sommaire_mini a:visited#current
{
font-size:16px;
background: transparent;
font-weight: bold;
color: #566e9e;
}



#menu1 {
    height:32px;
	line-height:32px;	
	width: 192px;
	border-style: none none none none ;
	border-color: #94AA74;
	border-width: 1px;
	margin: 0px;
	background: #B6CCFB;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	}
	
#menu1 img {
vertical-align:middle;
border-width: 0px;
margin:8px 0px 8px 0px
	}	

#menu1 li a,#menu1 ul {
    height:32px;	
	line-height:32px;	
	text-decoration: none;
	margin: 0px;
	padding: 0px 0 0 5px;
	vertical-align:bottom;
		}	

#menu1 li a:link, #menu1 li a:visited{
    height:32px;
	line-height:32px;
	color: #4B618B;
	display: block;
	font-weight: bold;
	background: url("/images/menu2/menu21.jpg") ;
	padding: 0px 0 0 5px;
	vertical-align:bottom;
		}
	
#menu1 li a:hover {
    height:32px;
	line-height:32px;	
	color: #4B618B;
	font-weight: bold;
	background: url("/images/menu2/menu22.jpg") ;
	padding:0px 0 0 5px;
	vertical-align:bottom;
	}
.menue {
	line-height:300px;	
	width: 192px;
	border-style: none none none none ;
	border-color: #FFFFFF;
	border-width: 0px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:36px; 
 	background: #FFFFFF;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	}	
.menuc {
    height:32px;
	line-height:32px;	
	width: 192px;
	border-style: none none none none ;
	border-color: #94AA74;
	border-width: 1px;
	margin: 0px;
	background: #B6CCFB;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	}
	
.menuc img{
vertical-align:middle;
border-width: 0px;
margin:8px 0px 8px 0px
	}	

.menuc li,.menuc a,.menuc ul{
    height:32px;	
	line-height:32px;	
	text-decoration: none;
	margin: 0px;
	padding: 0px 0 0 5px;
	vertical-align:bottom;
		}	

.menuc li:link,.menuc a:link,.menuc li:visited,.menuc a:visited{
    height:32px;
	line-height:32px;
	color: #4B618B;
	display: block;
	font-weight: bold;
	background: url("/images/menu2/menu21.jpg") ;
	padding: 0px 0 0 5px;
	vertical-align:bottom;
		}
	
.menuc li:hover,.menuc a:hover {
    height:32px;
	line-height:32px;	
	color: #4B618B;
	font-weight: bold;
	background: url("/images/menu2/menu22.jpg") ;
	padding:0px 0 0 5px;
	vertical-align:bottom;
	}
	
p.diary{
font-family: 'Prosto One', cursive; /*Prosto One is available at http://www.google.com/webfonts*/
position: relative; /*for more info on positioning see the Support section below*/
display: inline-block; /*prevent the paragraph from spanning the width of container. You could instead use a fixed width, but this way is neater*/
height: 100px;
padding:5px;
background: #dcdac6;
/*apply a small drop shadow to the date*/
-webkit-box-shadow: 3px 3px 4px rgba(99,99,99,.8);
-moz-box-shadow: 3px 3px 4px rgba(99,99,99,.8);
box-shadow: 3px 3px 4px rgba(99,99,99,.8);
/*give the text a drop shadow*/
text-shadow: 2px 2px 5px #919191;
}
/**NEXT STYLE THE DAY, MONTH AND YEAR**/
/*Day*/
p.diary .day{
position: absolute; /*removes the date from the normal flow, allowing the month & year to be wrapped around it*/
top: 10px; 
left:30px;
font-size: 60px;
color: #aa0e3a;
}
/*Month*/
p.diary .month{
position: relative;
top: 60px; /*size of .day font and its shadow*/
left: 20px;
font-size:25px;
color: #3b788c;
}
/*Year*/
p.diary .year{
position: relative;
display: inline-block;
top: 40px; 
left:0;
font-size:35px;
color: #ca4b29;
/*rotate the year by 90 degrees anticlockwise*/
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
} 	
/* Style pour la juxtaposiiton de deux images */
.container{overflow:hidden;}
.container img{
    float:left;
}

/* Style pour les menu MINI */
#menu_mini ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu_mini li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu_mini li a {
 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
#menu_mini li a:hover {
 color:#FFD700;
 }