body {
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:black;
	font-size:1em;
}
/*///////////////////////////////////////////////////*/
#menu li a{
	display:block;
}

#menu li{
	list-style-type:none;
	float:left;
}

h1{
	font-weight:normal;
	margin:5px 0 0 0;
	padding:0;
}

h1:first-letter{
	color:#003FB7;
	text-transform: capitalize;
}

#toggle-slideshow{
	color:white;
	text-decoration:none;
}

#toggle-slideshow:hover{
	color:green;
}

#retour{
	border:none;
	margin:0 0 20px 7px;
	*margin:15px 0 0 0;
	float: left;
	
}

#palette{
	width:70px;
	height:65px;
	position:relative;
	top:20px;
	*border:none;
}


/*////////////////////////////////////////////////////*/
.focus{
	color:#003FB7;
}

.cible{
	list-style-image: URL('../images/fleche_right_li.png'); 
	line-height:19px;
}	

.cible p{
	margin:0;
	padding:0;

}

.cible li{
	
}

.cible2{
	list-style-type:disc;
}

.line{
	margin:10px 0 0 0;
	border:1px dotted #003FB7;
}

.line2{
	border:1px dotted #003FB7;
	margin:0 0 14px 0;
}

#noscript{
	margin:20px 0 5px 0;	
}

#noscript h4{
	background:#FF9F9F;
	-moz-border-radius:20px;
	padding:8px;
}

/*////////////////////////////////////////////////////*/

#container {
	/*border:1px solid purple;*/
	width:851px;
	height:auto;
	margin:0 auto;
	font-size:0.9em;

}

#header{
	/*border:1px solid blue;*/
	float:left;
	margin:10px 0 0 0;
	width:851px;
	height:45px;
}

#header #copy {
	font-size: 13px;
	margin: 25px 5px;		
  	display: inline-block;
}

#titre{
	float:left;
	background:url('../images/titre1.png') no-repeat;
	margin:20px 0 0 10px;
	width:462px;
	height:17px;
}

#center{
	/*border:1px solid orange;*/
	
}

#contenu{
	/*border:1px solid red;*/
	float:left;
	width:780px;
	height:auto;
	margin:0 0 0 33px;
	padding:10px 0 0 0;
}

#wrap{
	/*border:1px solid green;*/
	float:left;
	width:779px;
	height:auto;
	margin:-20px 0 0 0;
	text-align:justify;
}


#text{
	float:left;
	width:450px;
	height:auto;
}

#text p{
	text-indent:20px;
}

#text_web{
	float:left;
	width:779px;
	height:auto;
	z-index:0;
	
}

#text_web p{
	text-indent:20px;
}

#text_info{
	float:left;
	width:779px;
	height:auto;

}

#text_info p{
	text-indent:20px;
}

#text_or{
	float:left;
	width:779px;
	height:auto;
	text-indent:20px;
}

#text_or p{
	text-indent:20px;
}

#forme_accueil{
	/*border:1px solid black;*/
	float:right;
	background:url('../images/forme_accueil.png') no-repeat;
	background-color:white;
	width:277px;
	height:239px;
	margin:25px 0 10px 0 ;
}

/*////////////HIDE/SHOW JQUERY////////*/
#button{
	float:left;
	margin:15px 0 0 20px;
	padding:0 0 15px 0;
}

#description{
	background:url('../images/red_bouton_texte.png') no-repeat;
	width:65px;
	height:20px;
}

#description:hover{
	background:url('../images/bouton_texte.png') no-repeat bottom;
	width:65px;
	height:12px;
	margin:0 0 8px 0;
}

#pics{
	margin:10px 0 30px 0;
}


#sites{
	background:url('../images/red_bouton_galerie.png') no-repeat;
	width:41px;
	height:20px;
}

#sites:hover{
	background:url('../images/bouton_galerie.png') no-repeat bottom;
	width:41px;
	height:12px;
	margin:0 0 8px 0;
}


ul.thumb {
	float: left;
	list-style: none;
	width:760px;
	height:auto;
	position:relative;
	top:-90px;
	left:-202px;
	*top:20px;
	*left:-20px;

}

ul.thumb li {
	margin:100px 0 0 180px;
	padding: 5px;
	float: left;
	position: relative;
	*margin:0;
	*width: 180px;
	*height: 100px;
}

ul.thumb li img {
	width: 165px; height: 80px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}

ul.thumb li:hover{opacity:0.8;}

ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
	border: none;
}

/*//////////////////////////////////////*/

/*//////////////////////////////////////*/

#bord_top{	
	float:left;
	background:url('../images/bord_top2.png') no-repeat;
	width:851px;
	height:19px;
	margin:0 auto;
	
}


#fleche{
	background:url('../images/fleche.png') no-repeat;
	width:24px;
	height:18px;
	position:relative;
	top:7px;
	left:58px;

}


#bord_line{
	float:left;
	background:url('../images/bord_line2.png') repeat-y;
	width:851px;
	min-height:400px;
	margin:0 auto;
	*padding:0 0 20px 0;
}

#bord_bot{
	float:left;
	background:url('../images/bord_bot_2_1.png') no-repeat;
	width:851px;
	height:50px;
	padding:0 0 30px 0;
}

#footer{
	/*border:1px solid yellow;*/

}
/*///////////////////////MENU//////////////////////*/

#menu{
	/*border:1px solid red;*/
	float:left;
	width:851px;
	height:auto;
}

#menu_profil{
	background:url('../images/menu_accueil_blue.png') no-repeat top;
	width:101px;
	height:112px;
	margin:-14px 0 0 35px;
	*margin:0 0 0 35px;
	

}

#menu_profil_h{
	background:url('../images/menu_accueil_blue.png') no-repeat bottom;
	width:101px;
	height:112px;
	margin:-14px 0 0 35px;
	*margin:0 0 0 35px;
	

}

#menu_profil:hover{
	background-position:bottom;
}

#menu_web{
	background:url('../images/menu_web_blue.png') no-repeat top;
	width:79px;
	height:114px;
	margin:-16px 0 0 95px;
	*margin:0 0 0 95px;
}

#menu_web_h{
	background:url('../images/menu_web_blue.png') no-repeat bottom;
	width:79px;
	height:114px;
	margin:-16px 0 0 95px;
	*margin:0 0 0 95px;
}

#menu_web:hover{
	background-position:bottom;
}

#menu_info{
	background:url('../images/menu_info_blue.png') no-repeat top;
	width:131px;
	height:116px;
	margin:-18px 0 0 98px;
	*margin:0 0 0 98px;
}

#menu_info_h{
	background:url('../images/menu_info_blue.png') no-repeat bottom;
	width:131px;
	height:116px;
	margin:-18px 0 0 98px;
	*margin:0 0 0 98px;
}

#menu_info:hover{
	background-position:bottom;
}

#menu_contact{
	background:url('../images/menu_contact_blue.png') no-repeat top;
	width:73px;
	height:111px;
	margin:-13px 0 0 104px;
	*margin:0 0 0 104px;
}

#menu_contact_h{
	background:url('../images/menu_contact_blue.png') no-repeat bottom;
	width:73px;
	height:111px;
	margin:-13px 0 0 104px;
	*margin:0 0 0 104px;
}

#menu_contact:hover{
	background-position:bottom;
}
/*/////////////////////////////////////////////////*/
#space{
	height:700px;
}
/*************/
/** CONTACT **/
/*************/
#table_contact{
	margin:30px 0 0 20px;
}

.intitule {
	width:180px;
}
span.obli {
	color:#ff0000
}
.control input {
	border:1px solid #003FB7; background:#a8cfff;
}
.control textarea {
	border:1px solid #003FB7; background:#a8cfff;
}
.control label  {
	color:black
}
.dn {
	display:none;
}
.MailControlExp {
	font-size:0.8em;
	color:#ff0000;
}
.msg
{
	font-weight:bold;
	color:#FF1F1F;
	margin:0 0 0 12px;
}

/*************/
/** GALERIE **/
/*************/

.movie {
	width: 100%;
	height: 100%;
	
}

div.movie {
	width: 780px;
	height: 360px;
	margin:0 auto;
}