/** HTML Elements **/
body
{
	color:#000066;
	margin-top:0px;
	background-image:url(ImagesQ4md/fond.jpg); 
}

ul
{
	list-style-type:circle;
}


img,a:active img, a:focus img
{
	border:none;
}

/** Containers **/
#container
{
	width:967px;
	margin-left:auto;
	margin-right:auto;
	background:#fee2e2 url(ImagesQ4md/fond5.png);
	background-repeat:repeat-x;
}

#top_container
{
	width:967px;
	height:25px;
	text-align:center;
}

.middle_container
{
	width:967px;
}

#bottom_container
{
	width:967px;
	height:5px;
}

/** Top Containers **/
#title
{
	font-family:"Trajan Pro";
	font-style:italic;
	font-size:35px;
	font-weight:bolder;
}

/** Middle Container **/
#menu
{
	margin-left:auto;
	margin-right:auto;
	padding-top:60px;
	width:856px;
}

.cat_menu
{
	float:left;
	width:107px;
	height:56px;
	text-align:center;
	background-image:url(ImagesQ4md/Menu.jpg);
	background-position:0px 0px;
}

.cat_menu a
{
	font-family:"Trajan Pro";
	font-size:14px;
	color:#FFF;
}

.cat_menu:hover
{
	cursor:pointer;
	background-image:url(ImagesQ4md/Menu.jpg);
	background-position:0px 56px;
}

/** Galery **/
#GPL
{
	position:absolute;
	height:145px;
	width:174px;
	margin-left:20px;
	margin-top:30px;
	background-image:url(ImagesQ4md/autres/Affiche.png);
}

#GPL img
{
	margin-top:35px;	
	margin-left:5px;
	cursor:pointer;
}

.CNIL
{
	margin-left:50px;
	margin-right:50px;
	font-family:"Arial";
	font-size:10px;
	color:#000;
}

.WEBSITE
{
	margin-left:50px;
	margin-right:50px;
	font-family:"Myriad Pro";
	font-size:12px;
	color:#003;
	text-align:center;
}

.update
{
	color:#360;
	font-weight:bolder;
}

.WEBSITE a, .design2
{
	color:#993333;
	font-weight:bolder;
	text-decoration:underline;
}

.WEBSITE a:hover, .design2:hover
{
	color:#360;
	text-decoration:underline;
}

#nav_left
{
	position:absolute;
	height:50px;
	width:30px;
	margin-left:30px;
	margin-top:160px;
	background-image:url(ImagesQ4md/autres/oreilleG.png);
}

#nav_left img
{
	float:left;
	margin-top:15px;
	margin-left:0px;
	cursor:pointer;
}

#nav_right
{
	position:absolute;
	height:50px;
	width:30px;
	margin-left:905px;
	margin-top:160px;
	background-image:url(ImagesQ4md/autres/oreilleD.png);
}

#nav_right img
{
	float:left;
	margin-top:18px;
	margin-left:18px;
	cursor:pointer;
}

#gallery
{
	width:967px;
	height:330px;
	overflow:hidden;
	background-image:url(ImagesQ4md/autres/CadreImages.png);
	text-align:center;
}

#PlotsGallery
{
	position:absolute;
	margin-top:280px;
	margin-left:60px;
}

#PlotsGallery img
{
	cursor:pointer;	
}

#gallery img
{
	padding-top:85px;
	cursor:pointer;
}

#content
{
	padding-bottom:50px;
	padding-left:37px;
	padding-right:25px;
	font-family:"Myriad Pro";
}

#content1
{
	width:300px;
	text-align:center;
}

#content1 img
{
	cursor:pointer;
}

#content2
{
	float:right;	
	width:300px;
	text-align:center;
}

#content2 img
{
	margin-left:15px;
}

#content3
{	
	float:right;
	width:300px;
	text-align:center;
}

#trait1
{
	position:absolute;
	margin-left:300px;
	border-right:solid 1px #993333;
	width:10px;
	height:450px;
}

#trait2
{
	position:absolute;
	margin-left:600px;
	border-right:solid 1px #993333;
	width:10px;
	height:450px;	
}

#content1 ul, #content2 ul, #content3 ul
{
	text-align:left;
	font-size:14px;
	padding-left:50px;
	padding-right:30px;
}

.Projets
{
	font-size:14px;
	text-align:left;
}

.textProjects p
{
	text-align:center;
}

.textProjects
{
	margin-top:5px;
	background:#FFF;
	border:solid 1px #933;
	width:280px;
	display:none;
}

.textProjects p
{
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}

.title_cont
{
	margin-left:30px;
	width:250px;
	height:50px;
	font-family:"Trajan Pro";
	font-size:16px;
	font-weight:bolder;
	color:#993333;
	border-bottom:solid 1px #993333;
}

/******      FORMULAIRE      ******/

.Ligne
{
	font-size:12px;
	color:#993333;
	text-align:left;
	margin-left:30px;
}

.obligatoire
{
	font-size:12px;
	font-weight:bolder;
	color:#933;
}

.obligatoirebis
{
	font-size:12px;
	font-weight:bolder;
	color:#F00;
}

.input
{
	width:150px;
	color:#000066;
	background:none;
	border:none;
	border-bottom:dotted 1px #933;
}

.inputGd
{
	width:110px;
	color:#666633;
	background:none;
	border:none;
	border-bottom:dotted 1px #933;
}

.inputPt
{
	width:75px;
	color:#666633;
	background:none;
	border:none;
	border-bottom:dotted 1px #933;
}

textarea
{
	width:250px;
	height:120px;
	color:#000066;
	border:solid 1px #933;
	background-color:#FFFFFF;
}