/* CSS Document */
body { padding:0px; margin:0px; background:#4E8BCD; color:#616161; font:10px/14px Tahoma, sans-serif;}

ul { list-style-type:none; }
img { border: none; }
.img_Valign_gen { vertical-align: middle; }
.img_Valign_gen img { vertical-align: middle; }

h1 { font: bolder 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #063; }
h2 { font: bolder 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #900; }

.wrap {
	font: 13px/20px Verdana, Geneva, sans-serif;
	text-align: justify;
	padding: 15px;
}

.clear {clear: both; margin: 0px; height:0}

a { color:#036; text-decoration:none; }
a:hover { color:#F00; text-decoration: underline; }

.headline{font: 10px/14px Tahoma, Geneva, sans-serif; color:#8fbc34; font-weight:bold}
.center { text-align: center; }
#container{ width:775px; background:url(../images/ombre_gen.png) repeat center; position:relative; margin:0 auto; }
#incontainer{ width:736px; position:relative; margin:0 auto;}

.picto li { vertical-align: middle; }
.picto li img { vertical-align: middle; }

/* menu */

#menuPan { width: 736px; background: url(../images/fond_menu.png) repeat-x; text-align: center; }
#menuPan ul { padding:0px; margin:0px; }

.menu li { float:left; height: 24px; padding-right: 10px; padding-left: 10px; border-right: 1px solid #666; padding-top: 6px; }
.menu li:hover { background: url(../images/fond_menu_hover.png) repeat-x; }
.menu a { font: bolder 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #036; text-decoration: none; }

/* header */

.header { width:736px; height:255px; background: url(../images/mainimg.jpg) no-repeat; border-bottom: 2px solid #666; }
.drapeaux { width: 150px; height: 25px; float: right; background: url(../images/fond_flag.png) no-repeat; text-align: center;	margin-top: 20px; margin-right: 20px; padding: 10px; }
.drapeaux a { margin-right: 15px; }

/* content */

#content{ width:736px; margin-top: 0px; }

#services h2{height:49px; position:relative; background:url(../images/h_services.gif) 0 0 no-repeat; margin-bottom:10px}
#services ul{width:177px; margin-left:1px}
#services ul li{font:10px/14px Tahoma, sans-serif; background:url(../images/check.gif) 0 3px no-repeat; padding-left:23px; height:22px;}
#services ul li a{color:#8fbc34; text-decoration:none;}
#services ul li a:hover{color:#000; text-decoration:underline;}

/* footer */

#footer{ width:745px; height:40px; font:11px/16px Tahoma, sans-serif; color:#000; text-align:right; background: url(../images/ombre_footer.png) no-repeat top; margin-top: 0px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-right: 30px; }
#footer a { font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#000; text-decoration:none; padding: 0 4px; }
#footer a:hover{text-decoration:underline; color:#000}

/* Galerie Photo */
.photos { max-width: 150px; background: #FFF; float: left; margin-left: 50px; margin-top: 10px; margin-bottom: 10px; padding: 10px; border: 1px solid #333; -moz-border-radius: 6px; }
.photos img { max-height: 112px; }
.photos:hover { background: #E9E9E9; }

#map_mini { width: 300px; margin: 10px 10px 30px; float: right; }
#map_mini img { border: 1px solid #333; }
#nuage_tag { width: 280px; text-align: center; margin-top: 20px; padding: 10px; border: 1px solid #333; }
#nuage_tag a { padding: 5px; }


.blason { float: right; border: 1px solid #333; margin-bottom: 20px; margin-left: 20px; padding: 10px; }
.thumblink { float: left; margin-right: 10px; margin-bottom: 10px; }

.style3 { font-size: 14px; font-weight: bolder; color: #FF0000; /*--Ecrire en gros, en gras et en rouge--*/ }
.style13 { font-weight: bolder; } /*-- En gras, tout simplement --*/