html,body {
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
	background-color: #000;
}

a {
	font-family: Calibri;
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
}

a:link {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


#arriere{
	/* l'image occupe toute la place du body */
    width : 100%;
	height: 100%;
	top: 0px;
	right: 0px;
}


.assurance {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute
	height: 1.244cm;
	width: 5.371cm;
	left: 2cm;
	top: 14cm;
	text-decoration: underline;
	cursor: hand;
	visibility: hidden;

}

div#declaration {
	font-family: Calibri;
	font-size: 14px;
	color: #0033CC;
	text-align: center;
	vertical-align: middle;
	padding: 12px;
	background-color: #FFFFFF;
	visibility: hidden;
	width: 600px;
	position: absolute;
	z-index: 52;
	left: 7cm;
	top: 11cm;



}

.volet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006;
	cursor: hand;
	position: absolute;
	z-index: 6;
	height: 4cm;
	width: 3.387cm;
	left: 7cm;
	top: 10.848cm;
	text-decoration: underline;
	background-color: #FFFFFF;
	visibility: hidden;   

}


input {
	color: #FF0000;
}

#compteur_visite {
	bottom: 5px;
	position: absolute;
	visibility: visible;


}



fieldset {
	width: 60%;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

.global {
	position:absolute;
	left: 15%;
	top: 10%;
	width: 550px;
	border: #FFFFFF;
	font-family: Calibri;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	visibility: visible;
	height: 550px;
	background-color: #FFFFFF;




}
div#texte {
	text-align: center;
	vertical-align: middle;
	position: absolute;
	left: 0px;
	top: 11cm;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFF;
	color: #00006F;
	margin: 25px;
	padding: 20px;



}
div#photo {
	position: absolute;
	width: 100%;
	left: 0px;
    box-shadow: 8px 8px 0 #aaa;  
}
div#barre {
	position: absolute;
	left: 74px;
	top: 0px;
	height: 300px;
	width: 142px;
	opacity: 0.7;
	background-image: url(../photos/barredot.jpg);
	background-repeat: repeat;


}

div#logo {
	position: absolute;
	top: 3px;
	width: 161px;
	height: 86px;
	font-family: Broadway;
	font-size: 30px;
	color: #FFF;
	visibility: visible;
	padding-top: 50px;
	padding-left: 30px;
	font-weight: bolder;
	z-index: 1;
	left: 16px;
}

#wrapper_bottom {
	text-align:left;
	padding:0 0 0 80px;
	visibility: hidden;
}

#wrapper_bottom a{
color:#8cbcd8;
}

/*fomulaire*/
.formulaire {
	width:435px;
	position:absolute;
	top:4cm;
	left:247px;
	height: 446px;
	visibility: hidden;
}

input[type=text],textarea {
border:none;
width:340px; /*350-padding*/
height:42px;
padding:0px 5px 0 5px;
margin:5px 0 15px 0;
color:#686464;
font-size:1.4em; /*14px*/
border:solid 1px #d0c9c9;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  
-moz-box-shadow: 1px 1px 13px #eeeeee; 
-webkit-box-shadow: 1px 1px 13px #eeeeee; 
box-shadow: 1px 1px 13px #eeeeee;

}

textarea {
height: 170px;
margin:25px 0 20px 0;
}

fieldset {
border:0 none;
}

legend {
	color: #FFF;
	font-family: Calibri;
	font-size: 24px;

}

.submit {
margin:10px 0 0 212px;
padding:0;
}

@font-face {
	font-family: 'MuseoSlab500';
	src: url('font/Museo_Slab_500.eot');
	src: local('Museo Slab'), local('MuseoSlab-500'), url('font/Museo_Slab_500.woff') format('woff'), url('font/Museo_Slab_500.ttf') format('truetype');
}

nav, h2, h3, legend {
font-family: 'MuseoSlab500', Verdana, Arial, sans-serif;
}


#ins_paris {
	position: absolute;
	visibility: hidden;
	left: 200px;
	top: 300px;
	background-color: #FFF;
	margin: 15px;
	padding: 15px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
    -moz-box-shadow: 1px 1px 13px #eeeeee; 
    -webkit-box-shadow: 1px 1px 13px #eeeeee; 
    box-shadow: 1px 1px 13px #eeeeee;

}


h4 {
	font-family: Calibri;
	font-size: 24px;
	color: #333;
}

ul {
	top: 6cm;
} 

#navigation li {
	background: #000066;
	color: #fff;
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 8px;
	width: 100%;
	vertical-align: bottom;


    }


#navigation li a {
	display: block;
	color: #fff;
	text-align: right;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	font-family: Calibri;
	font-size: 14px;
	margin-right: 8px;
}


#barrebis {
	top: 8.043cm;
	position: absolute;
	width: 181px;
	height: 194px;
	left: -40px;
}

    

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	color: #F3F3F3;
	background-repeat: repeat;
	background-image: url(../photos/barredot_b.jpg);
    }	



#menu {
	position: absolute;
	left: -11px;
	top: 78.581mm;
	width: 183px;

}

li#asaf {
	background-image: url(../photos/barredot.jpg);
	background-repeat: repeat;
	
}



li#acti {
	background-image: url(../photos/barredot.jpg);
	margin-bottom: 7px;

}

li#ins {
	background-image: url(../photos/barredot.jpg);
	margin-bottom: 6px;

}

li#stage {
	background-image: url(../photos/barredot.jpg);
	background-repeat: repeat;
	margin-bottom: 6px;

}

li#adhes {
	background-image: url(../photos/barredot.jpg);
	background-repeat: repeat;
	margin-bottom: 5px;

	
}
li#ecrire {
	background-image: url(../photos/barredot.jpg);
	margin-bottom: 4px;

	
}

li#assur {
	background-image: url(../photos/barredot.jpg);
	background-repeat: repeat;
	margin-bottom: 3px;

	
}
#foot {
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 400px;
	width: 600px;
	left: 7cm;
	top: 2cm;
	background-image: url(photos/reunion.jpg);

}

img#logo {
	position: absolute;
	visibility: visible;
	z-index: 51;
	top: 35mm;
	height: 320px;
	width: 620px;
	background-image: url(photos/reunion.jpg);
	left: 7cm;
}

img#logo1 {
	position: absolute;
	visibility: visible;
	z-index: 71;
	height: 100px;
	width: 500px;
	left: 7.038cm;
	top: 5mm;

}


li#mds {
	visibility: hidden;
}
li#decla {
	visibility: hidden;
}
li#formulaire {
	visibility: hidden;
}
li#accident {
	visibility: hidden;
}

#fermer a, #fermer a:hover, #fermer a:focus, #fermer a:active {
	color: #003399;
	text-decoration: none;
}

div#news a, div#news a:hover, div#news a:focus, div#news a:active {
	color: #003399;
}
div#news {
	font-family: Calibri;
	font-size: 14px;
	color: #0033CC;
	text-align: justify;
	vertical-align: middle;
	padding: 17px;
	background-color: #FFFFFF;
	visibility: visible;
	width: 590px;
	position: absolute;
	z-index: 60;
	left: 7cm;
	top: 4cm;

}

div#Raid {
	position: absolute;
	visibility: visible;
	z-index: 70;
	width: 200px;
	top: 11cm;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0033CC;
	left: 7cm;
	background-color: #FFF;
	text-align: center;
	height: 20px;

}



div#Raid a {
	color: #0033CC;
	text-decoration: underline;

}