/*Feuille de style CSS - Soft And Com - Comptatible FF, IE6
/*
/*
/*-----------------------------------GLOBAL-------------------------------------*/
	html, body {
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#444;
		}
	body {
		font-size : 62.5%;
		}

	div,ul {padding:0; margin:0;}
		
	a, a:link, a:visited {text-decoration:none; color:#466a9c;}
	a:hover {color:#219dd3;}
	
	h1 {font-size:2em;}  
	h2 {font-size:1.8em;}  
	h3 {font-size:1.25em;}  
	h4 {font-size:1em;}  
	input, select, th, td {font-size:1em;}
	
	
/*-------------------------------------PAGE-------------------------------------*/

	/*-------------------------------------!CSS-------------------------------------*/

	hr {position:absolute; border:0; padding:0; margin:0; height:0; width:0; line-height: 0pt; font-size:0em;}
	.hidden {font-size:0em; margin-left:-5000px; line-height:0pt; height:0; width:0; display:none;}
	.footer h1 {font-size:0em; margin-left:-5000px; line-height:0pt; height:0; width:0; display:none;}
	
	/*-------------------------------------META DEFINITION CSS----------------------------------------*/
	
	#menu-general a{color:#466a9c; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; font-weight:bold;}
	
	#menu-general {width:340px; height:80px; float:right; background: transparent url('pagetop-menu.png') no-repeat bottom left;}
	#menu-general img {border:none;}
	#menu-general .menu {position:absolute; width:100px; height:25px; cursor:pointer; margin-top:17px; z-index:3;}
	#menu-general .menu#smenu01 {margin-left:50px}
	#menu-general .menu#smenu02 {margin-left:160px}
	#menu-general .menu#smenu03 {margin-left:270px}
	#menu-general .menu#smenu04 {margin-left:380px}
	#menu-general .menu#smenu1 {margin-left:160px}
	#menu-general .menu#smenu2 {margin-left:0px}
	#menu-general .menu#smenu3 {margin-left:0px}
	#menu-general .menu#smenu4 {margin-left:0px}
	#menu-general .menu#smenu0 {margin-left:60px}
	.langue {width:70px; float:right; margin-top:19px;}
	.langue ul {list-style-type:none;}
	.langue li {display:inline; padding-right:5px;}
	
	.menu {position:absolute; width:100px; height:25px; cursor:pointer; margin-left:429px; z-index:3;}
	.menu#smenu01 {margin-top:371px;}
	.menu#smenu02 {margin-top:406px;}
	.menu#smenu03 {margin-top:441px;}
	.menu#smenu04 {margin-top:476px;}
	
	.switchindex {position:absolute; width:850px; height:500px; z-index:3;color:white;}
	#menu1 {background: #fff url('fond_index_alt1_rsz.jpg') no-repeat top left;}
	#menu2 {background: #fff url('fond_index_alt2_rsz.jpg') no-repeat top left;}
	#menu3 {background: #fff url('fond_index_alt3_rsz.jpg') no-repeat top left;}
	#menu4 {background: #fff url('fond_index_alt4_rsz.jpg') no-repeat top left;}
	.switcher {cursor:pointer; position:absolute; width:225px; height:125px; z-index:4;}
	.switcher#selec1 {margin-top:0px; margin-left:410px;}
	.switcher#selec2 {margin-top:35px; margin-left:125px;}
	.switcher#selec3 {margin-top:210px; margin-left:530px;}
	.switcher#selec4 {margin-top:290px; margin-left:0px;}
	/*META DIVISION CONTENANT L'ENSEMBLE DE LA PAGE*/
	.global { min-height:100%; height: auto !important; height:100%;
	
	
	}
	/* DIV PARENT DE PAGE ET MENU PERMET L'AFFICHAGE FLOTTANT ET LE CENTRAGE */
	.inset {
	 	margin-right:auto;
     	text-align:left;
		position:absolute;
     	left:50%; 
     	top:50%;
     	width:850px;
     	height:500px;
    	margin-top:-250px;
   	  	margin-left:-425px;
   	  	
	 background: #fff url('fond_defaut.jpg') no-repeat bottom left; z-index:1;
	 }
	/*INCLUDE PHP/BDD */	
	.page {padding:0; margin:0;}
	.page a, .page a:link, .page a:visited {}
	.pagetitle {}
	.pagetitle h2 {}
		
	
	
.page#conteneur h2{font-family:georgia, prestige, sans-serif;margin:1px 5px;letter-spacing:-1px; color:#8f6a23; font-size:16px;}
.page#conteneur h3{font-family:georgia, prestige, sans-serif;margin:0px 15px; color:#dcb363; font-size:12px; font-weight:100; font-style:italic;}
.page#conteneur p{font-family:"trebuchet ms",arial,sans-serif; font-size:12px; color:#6a6a6a; margin:20px 25px;}
.page#conteneur ul{font-family:"trebuchet ms",arial,sans-serif; font-size:12px; color:#6d6d6d; margin-left:30px;}
.page#conteneur li{list-style-type:none;
	background:transparent url('point.gif')no-repeat top left; padding-left:20px; margin-top:5px; padding-top:5px;}


.page fieldset {margin-bottom:30px; background-color:#fff;}
.page fieldset legend {color:#3487b9;}
.page .contact1 label, .contact2 label {display:block; width:10em;float:left;}
.page .contact2 input {width:25em;}
.page .contact3 {text-align:center;}
.page .contact3 label {margin:0 2em;}
.page .contact4 textarea {width:100%; height:6em; border:0;}
.page .contact5 {text-align:center; margin-bottom:45px;padding:0; border:none;background:transparent;}
.page .contact5 input {margin:0em 2em;}
.page p.alert {
	color:red;
	}
.page p.validok {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#3487b9;
	}
	

	
#col1 {
	float:left;
	width: 350px;
	margin-left:55px;
	margin-top:50px;
}

#col2 {
	float:right;
	width: 400px;
	margin-top:0px;
	margin-right:-10px;
	text-align:justify;
}

#col1 .left-top{
	height:73px;
	width:73px;
	position:absolute;
	margin:-50px -25px;
	background: transparent url('border1.png') no-repeat top left;
}
#col1 .left-bottom{
	height:73px;
	width:73px;
	position:absolute;
	margin:333px -25px;
	background: transparent url('border2.png') no-repeat top left;
}
#col1 .right-top{
	height:73px;
	width:73px;
	position:absolute;
	margin:-50px 839px;
	background: transparent url('border5.png') no-repeat top left;
}
#col1 .right-bottom{
	height:73px;
	width:73px;
	position:absolute;
	margin:333px 839px;
	background: transparent url('border6.png') no-repeat top left;
}

#col2 .left-top{
	height:73px;
	width:73px;
	position:absolute;
	margin:-35px -25px;
	background: transparent url('border1.png') no-repeat top left;
}
#col2 .left-bottom{
	height:73px;
	width:73px;
	position:absolute;
	margin:435px -25px;
	background: transparent url('border2.png') no-repeat top left;
}
#col2 .right-top{
	height:73px;
	width:73px;
	position:absolute;
	margin:-35px 370px;
	background: transparent url('border3.png') no-repeat top left;
}
#col2 .right-bottom{
	height:73px;
	width:73px;
	position:absolute;
	margin:435px 370px;
	background: transparent url('border4.png') no-repeat top left;
}
#col2 .left-bottom2{
	height:73px;
	width:73px;
	position:absolute;
	margin:120px -25px;
	background: transparent url('border2.png') no-repeat top left;
}
#col2 .right-bottom2{
	height:73px;
	width:73px;
	position:absolute;
	margin:120px 370px;
	background: transparent url('border4.png') no-repeat top left;
}

#mention-legale .left-top{
	height:73px;
	width:73px;
	position:absolute;
	margin:-25px -25px;
	background: transparent url('border1.png') no-repeat top left;
}
#mention-legale .left-bottom{
	height:73px;
	width:73px;
	position:absolute;
	margin:400px -25px;
	background: transparent url('border2.png') no-repeat top left;
}
#mention-legale .right-top{
	height:73px;
	width:73px;
	position:absolute;
	margin:-25px 825px;
	background: transparent url('border3.png') no-repeat top left;
}
#mention-legale .right-bottom{
	height:73px;
	width:73px;
	position:absolute;
	margin:400px 825px;
	background: transparent url('border4.png') no-repeat top left;
}


.line{
	position:absolute;
	background: transparent url('line1.png') no-repeat top left;
	height:50px;
	width:150px;
	margin:375px 305px;
}
.line-bottom{
	position:absolute;
	background: transparent url('line2.png') no-repeat top left;
	height:50px;
	width:150px;
	margin:428px 0px;
}

.contact1 {
	border:none;
}
.contact2{
	border:none;
}
	
.thumbnail {
	cursor:pointer;
	}
	
	
	

	/*---------------------------------FOOTER----------------------------*/
	.footer {width:100%;clear:none;color:#999;clear:both !important;height:3.4em;margin-top:-3.4em; text-align:center;font-size:0.8em;line-height:1.2em;}
	.footer a, .footer a:link, .footer a:visited {text-decoration:none; color:#999;}
	.footer a:hover {color:#666; text-decoration:underline;}