html, body{
	margin: 0;
	padding: 0;
	background : #000;
	font-family : Arial;
	color : #fff;
}
#global{
	width: 960px;
	margin: 0 auto;
}
.clear{
	clear: both;
}
/* Texte affiché si le javascript est désactivé */
#noscript{
	width : 100%;
	height : 1000px;
	margin-top : 200px;
	text-align : center;
	background-color : #000;
}


/* Réinitialisation des marges intérieures */
.pmItemWrap div, .pmItemWrap span{
	margin : 0;
	padding : 0;
	
}

#page4,
#page3,
#page2{
border-left : 5px solid #000;
}

/* Nom des onglets */
.titre_page{
	position : absolute;
	top : 18px;
	width : 100%;
	min-width: 240px;
	height : 52px;
	line-height : 22px;
	text-align : center;
	text-transform : uppercase;
	background :  url(../img/fond_transp.png);
}


/* Scrollbar */

.jspTrack,
.jspVerticalBar{
	width : 5px;
	background-color : #000;
}
.jspDrag{
	background-color : #ddd;
}

/* ---------------PAGES--------------- */
.page{
	position : relative;
	padding : 0;
}

.menu .page .cadre_page{
	position : relative;
	top : 70px;
	left : 50px;
	height : 510px;
	width : 700px; 
	background : url(../img/fond_transp.png);
	overflow : hidden;
	padding : 0px 20px 20px 20px;
}



#global .cadre_page p{
	font-size : 14px;
}

/*---PRESENTATION---*/

#presentation.cadre_page{
	position : relative;
}
#presentation.cadre_page a{
	color : #fff;
	font-weight : bold;
	text-decoration : underline;
}
#gobelins{
	margin-top : 10px;
	margin-right: 20px;
	float:left;
	width: 145px;
	height: 100px;
	background: url(../img/gobelins.jpg) no-repeat center;
}
#ipformation{
	padding : 0;
	margin : 5px 0px 20px 20px;
	float:right;
	width: 150px;
	height: 47px;
	background: url(../img/logo_ip.png) no-repeat center;
}
#cestenligne{
	padding : 0;
	margin-right: 20px;
	float:left;
	width: 145px;
	height: 68px;
	background: url(../img/logo_cestenligne.jpg )no-repeat center;
	margin-bottom: 0px;
}
#comp{
	text-decoration : underline;
	font-weight : bold;
	margin-top : 30px;
	line-height : 14px;
}
#dwl_cv{
	position : absolute;
	bottom : 28px;
	right : 30px;
	text-align : center;
	width : 100px;

}
#dwl_cv a{
	text-decoration : underline;
	font-size : 16px;
	color : #fff;
}

/*---REALISATIONS---*/
#realisations.cadre_page h3{
	margin-top : 50px;
	text-align : center;
}
#realisations .miniature{
	position : relative;
	float : left;
	margin : 12px;
	
}
#realisations .miniature img {
	width : 320px;
	height : 240px;
	display : block !important;
}
#realisations .miniature .legende_mini{
	position : absolute;
	width : 300px;
	height : 220px;
	padding : 10px;
	top : 0px;
	left : 0px;
	background : url(../img/opacite.png);
	display : table-cell;
	vertical-align : middle;
	display : none;
	border : 1px solid #555;
}
#realisations .miniature .legende_mini a{
	position : absolute;
	top : 0;
	left : 0;
	display : block;
	height : 240px;
	width : 320px;
	z-index : 200;
}

/*---PASSIONS---*/
#passions.cadre_page{
	padding-top : 0;	
}
#passions .gv_galleryWrap{
	padding : 0;
	background : none;
}
#reconstitution{
	width : 300px;
	float : left;
	padding-right : 20px;
	margin-left : 5px;
}
#voyages{
	width : 340px;
	float : left;
	padding-left : 20px;
	border-left : 2px solid #fff;
	margin-bottom : 20px;
}

#gallery{
	
}
.gv_galleryWrap{
	position : relative;
	left : 45px;
}

/*---CONTACT---*/
/* Carte en position absolute 
pour que le chargement de Google Map
se fasse correctement*/
#carte{
	position : absolute;
	top : 140px;
	left : 370px;
	width:400px; 
	height:400px;
	z-index : 500;
}
#legende_contact{
	text-align : center;
}
#formulaire input[type=text],
#formulaire input[type=email],
#formulaire textarea{
	width : 100%;
	font-family : Arial;
	margin-bottom : 10px;
}
#formulaire .bordure{
	border : 2px solid #ff0000;
}
#formulaire textarea{
	font-size : 12px;
	resize : none;
}
#formulaire{
	float : left;
	margin-right : 30px;
	width : 265px;
}
#formulaire span{
	color : red;
	padding : 0;
}
#formulaire input[type=submit]{
	margin-top : 5px;
	float : left;
	background-color : #000;
	border : 1px solid #fff;
	color : #fff;
}
#formulaire input[type=submit]:hover{
	background-color : #fff;
	color : #000;
}
#formulaire #legende{
	text-align : right;
	line-height : 20px;
	margin-left : 85px;
	font-size : 10px;
	font-style : italic;
}
.menu .page .cadre_page #formulaire #coordonnees{
	margin-top : 40px;
	height : 45px;
	border-top : 2px solid #fff;
	border-bottom : 2px solid #fff;
}
.menu .page .cadre_page #formulaire #coordonnees #tel a{
	color : #fff;
	font-weight : normal;
}
#formulaire #tel{
	float : left;
	height : 50px;
	width : 80px;
	text-align : center;
	padding : 0;
	margin-right : 30px;
}
#formulaire #monemail{
height : 50px;
	float : left;
	width : 120px;
	text-align : center;
	padding : 0;
}
#erreur{
	font-style : italic;
}
#confirm_envoi a{
	color : #fff;
	font-weight : normal;
	text-decoration : underline;
}

/* Titres*/
#global h1{
	font-size : 16px;
	font-weight : normal;
	text-align : center;
}	
#global hr{
	border : 1px solid #fff;
}
#global hr#hr_1{
	margin-top : 20px;
}
#global h3{
	text-decoration : underline;
	font-size : 15px;
}
#global h4{
	margin : 0;
	padding : 0;
	text-align : center;
}