@charset "utf-8";
/* CSS Document */

/* reset.css */
/* Initialise les marges des elements bloc */
body, div, 
dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, 
p, blockquote, th, td { margin: 0; padding: 0; }
/* Initialise la taille des titres */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
/* Enleve les puces aux listes */
ol, ul { list-style: none; }
/* Initalise le style du texte */
address, caption, cite, code, dfn, em, strong, th, var, a { font-style: normal; font-weight: normal; }
/* Enleve les bordures aux images et aux fieldset */
fieldset, img { border: 0; }
a { text-decoration:none; color:#000000; } 


/* Fin reset */


html{
background-image:url(../images/background.png);
}

body{
 	max-width: 1024px;
	min-width: 1000px;
	margin: auto;
}

h1{
	display:none;
}

h2{
	display:none;
}

h5{
	color:#e5e8e4;
font-size:1.25em;
font-family:Calibri,verdana;

}

h6{
position:relative;
top:0px;
left:130px;
color:#e5e8e4;
font-size:1.40em;
font-family:Calibri,verdana;


}

p{
	color:#FFFFFF;
	font-family:Calibri,verdana;
}
#menu_princ{
margin-top:150px;
position:absolute;
left:0;
background-image:url(../images/menu.png);
background-repeat: no-repeat;
width:300px;
height:400px;
} 

#menu_princ ul{
padding: 30px;
padding-left:0px;
}

#menu_princ li{
padding: 15px;
padding-left:5px;
}

#text {
float:right;
background-image:url(../images/contenu.png);
background-repeat: no-repeat;
position:relative;
bottom:20px;
width:900px;
height:640px;
}


#text h3 {
color:#e5e8e4;
font-size:1.75em;
font-family:Calibri,verdana;
margin-top: 100px;
margin-bottom: 10px;
margin-left: 150px;
width:600px;
}


#text h4 {
color:#e5e8e4;
font-size:1.25em;
font-family:Calibri,verdana;
margin-top: 20px;
margin-left: 150px;
width:600px;
}

#text img {

margin-top: 50px;
margin-left: 85px;

}

#yo{
position:relative;
margin-top: 100px;
margin-left: 85px;

}


#text a{
color:#e5e8e4;
text-decoration:underline;
}
#text p {
margin-top: 0px;
margin-bottom: 10px;
margin-left: 170px;
width:570px;
text-align:justify;
}


#choix h3 {
color:#e5e8e4;
font-size:1.75em;
font-family:Calibri,verdana;
margin-top: 20px;
margin-left: 150px;
width:600px;
}

#choix ul{

padding-top: 20px;
margin-left: 100px;
}


#choix li {
display:inline;
color:#FFFFFF;
font-size:1.25em;
font-family:Adobe Garamond, verdana;
padding-top: 40px;
margin-left: 80px;
width:570px;
}


#choix a{
text-decoration:none;

}
#choix a:hover {
text-decoration:underline;
color:#ffffff;
}

#menu_sec h3 {
color:#e5e8e4;
font-size:1.75em;
font-family:Calibri,verdana;
margin-top: 100px;
margin-left: 150px;
width:600px;
}

#menu_sec  ul{
margin-left: 100px;
}


#menu_sec  li {
color:#FFFFFF;
font-size:1.25em;
font-family:Adobe Garamond, verdana;
padding-top: px;
margin-left: 80px;
}


#menu_sec  a{
text-decoration:none;


}

.lien {
margin-bottom:80px;

}
#menu_sec  a:hover {
text-decoration:underline;
color:#ffffff;
}

#menu_sec  img {
padding:10px;
margin:0px;
float: right;
position:relative;
bottom: 120px;
right:100px;
}




#formContact{
	position:relative;
bottom:20px;
	width: 300px;
	text-align: left;
}
#formContact ul{
position:relative;
left:200px;

}

#btnEnvoyer{
position:relative;
left:200px;
}

label{
position:relative;
top:20px;
right:100px;
color:#fff;

}


.obligatoire{
	font-weight:bold;
}

#choix2{float:right;
position:relative;
right:360px;
top: 40px;}

#choix2 li{display :inline;
	font-weight: bold;
			text-align: center;
			line-height: 32px;
			color: #white;
			text-decoration: none;
			}
		
		

#choix2 a:hover {
			background: #333;
		}
		
# slider1 {position:relative; top: 0px;   }
	
		#slider1 p {position: relative; right: 100px; 
margin-top: 20px;		}
		
		p#cross-links { text-align: center }
		
		p#cross-links {  margin-bottom: 30px; padding-bottom: 30px }
			
		a:focus { outline:none }
		
				
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			top: 50px;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
		margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 460px;
			clear: both;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 4000px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			
			font-weight: bold;
			text-align: center;
			line-height: 32px;
		
			color: #white;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
	
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #333;
			
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
		
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("../images/arrow-left.gif") no-repeat center;
		
		}
		
		.stripNavR {
			
			background: url("../images/arrow-right.gif") no-repeat center;
			
		}