/* COMMON TAG */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img,table,tr,td{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

body {
	background: black url(../images/background.jpg) no-repeat scroll center top;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#1551a0;
}

a {
	color: #1551a0; 
	text-decoration: none;
	border: none;
}

h1 {
	font-family:verdana, arial, sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#ef8300;
	margin-top:1em;
	margin-bottom:0.5em;
	text-align:left;
}	

h2 {
	font-family:verdana, arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	margin-top:1em;
	margin-bottom:0.5em;
}

p {
	margin-top:1em;
	margin-bottom:1em;
	text-align:left;
	color:#030000;
	line-height: 17px;
}

p span, li span {
		font-weight:bold;
		color:#103c74;
}

ul {
		list-style: disc url(../images/puce.gif) outside;
}

li {
	text-align:left;
	line-height: 17px;
	color:#030000;
}

/* COMMON LAYOUT */

#frame {
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	width:948px;
	padding:0;
	border:none;
}


#menubar { width:563px; position: relative; margin:0 auto; padding:133px 0 0 0;overflow:hidden;}
#menubar li {display: block; position: absolute; list-style: none; background-image: url(../images/menubar.png); background-repeat: no-repeat; }
#menubar a {display: block; position: relative; margin:0; padding:0;}
#menubar, #menubar li, #menubar a {height: 50px}

#menu_accueil {left: 0px; background-position: 0 14px;}
#menu_accueil, #menu_accueil a {width:80px;}

#menu_presentation {left: 82px; background-position: -80px 14px;}
#menu_presentation,#menu_presentation a {width:140px;}

#menu_prestation {left: 223px; background-position: -220px 14px;}
#menu_prestation,#menu_prestation a {width:127px;}

#menu_contact {left: 352px; background-position: -350px 14px;}
#menu_contact, #menu_contact a {width:80px;}

#menu_accueil a:hover, #menu_accueil a.selected {width:75px; background: url(../images/menubar.png) 0px -36px no-repeat;}
#menu_presentation a:hover,#menu_presentation a.selected {width:135px; background: url(../images/menubar.png) -80px -36px no-repeat;}
#menu_prestation a:hover,#menu_prestation a.selected {width:122px; background: url(../images/menubar.png) -220px -36px no-repeat;}
#menu_contact a:hover,#menu_contact a.selected {width:75px; background: url(../images/menubar.png) -350px -36px no-repeat;}

#footer {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:20px;
	width:900px;
	border:none;
}

#footer table {
	width: 100%;
}

#footer table td {
	font-size:10px;
}

#footer table td.leftCol {
	text-align:left;
	width:60%;
	height:26px;
	vertical-align:middle;
}

#footer table td.rightCol {
	text-align:right;
	height:26px;
	width:40%;
	vertical-align:middle;
}

#footer img  { vertical-align:middle; }

/* HOMEPAGE LAYOUT */
			
#headerFrame {
	position: relative;
	height:186px;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	}
	
#innerwrap {
	background: transparent url(../images/cadre_haut.png) no-repeat;
	height:100%;
	width:100%;
}

#mainTop {
	position: relative;
	background: transparent url(../images/cadre_ligne_haut.png) repeat-y;
	height:346px;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	border:none;
	}

#mainBottom {
	position: relative;
	background: transparent url(../images/cadre_ligne_bas.png) repeat-y;
	height:35px;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	border:none;
	}

#footerFrame {
	position: relative;
	background: transparent url(../images/cadre_bas.png) no-repeat;
	height:136px;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	}

#newsHeader {
	width:498px;
	margin-left:166px;
	background: transparent url(../images/news.png) no-repeat center left;
	padding-left: 129px;
	overflow:hidden;
}

#newsHeader p {
	font-size:10px;
	line-height:14px;
}

#newsHeader img {
	vertical-align: bottom;
}


/* PAGE TYPE LAYOUT */

#headerFrameType {
	position: relative;
	height:186px;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	}

#innerwraptype {
	background: transparent url(../images/type-bandeauhaut.png) no-repeat;
	height:100%;
	width:100%;
}

#mainType {
	position: relative;
	background: transparent url(../images/type-ligne.png) repeat-y;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	border:none;
	overflow:hidden;
	}

#footerFrameType {
	position: relative;
	background: transparent url(../images/type-bandeaubas.png) no-repeat;
	height:214px;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	}

/* PAGE PRESTATION */

#prestations {
	position: relative;
	background: transparent url(../images/bandeau-prestations.jpg) no-repeat top;
	width:881px;
	margin:0 auto;
	padding-top:120px;
	border:none;
	overflow:hidden;
}

#prestations h1, #prestations p {
		padding-left:76px;
		padding-right:64px;
}

#prestations li {
			margin-left:100px;
			margin-right:64px;
}

#prestations .spacer {
	  position: relative;
	  background: transparent url(../images/spacer.gif) repeat-x;
		width:749px;
		height:1px;
		margin:0 0 19px 64px;
}

/* PAGE PRESENTATION */

#presentation {
	position: relative;
	background: transparent url(../images/bandeau-presentation.jpg) no-repeat top center;
	width:878px;
	margin:0 auto;
	border:none;
	overflow:hidden;
}

#presentation-content {
	float:left; 
	width:615px;
	margin-top:140px;
	padding:0;
	text-align:left
}

#presentation-content h1, #presentation-content p {
		padding-left:78px;
		padding-right:0px;
}

#presentation-content li {
		margin-left:90px;
}

#presentation-content .spacer {
	  position: relative;
	  background: transparent url(../images/spacer.gif) repeat-x;
		width:560px;
		height:1px;
		margin:0 0 19px 77px;
}

#presentation-col {
	float:right;
	width:240px;
	height:800px;
	margin-top:195px;
	border:none;
	background: #f0ddbc url(../images/presentation-degrade.jpg) no-repeat bottom;

}

#presentation-col h1, #presentation-col h2{
	padding-left:30px;
	padding-right:20px;
}

#presentation-col h1 {
	font-size:18px;
	margin-bottom:0.5em;
}	

#presentation-col h2 {
	color:#000000;
}	

#presentation-col li  {
	color:#00306d;
	margin-left:28px;
}	


/* PAGE REALISATION */

#realisations {
	position: relative;
	background: transparent url(../images/bandeau-realisations.jpg) no-repeat top;
	width:879px;
	margin:0 auto;
	padding-top:200px;
	text-align:center;
	border:none;
	overflow:hidden;
}

#realisations .cadre {
	width:739px;
	margin-left:70px;
	padding:0;
}

#realisations img.logo {
	vertical-align:bottom;
}

#realisations .cadreDetail {
	width:739px;
	margin-left:70px;
	display:none;
}

#realisations .logo1 {
	width:194px;
	height:96px;
	background: transparent url(../images/cadre-logo1.png) no-repeat;
	float:left;
	margin-right:17px;
	text-align:center;
}

#realisations .logo2 {
	width:194px;
	height:96px;
	background: transparent url(../images/cadre-logo2.png) no-repeat;
	float:left;
	margin-right:17px;
	text-align:center;
}

#realisations h2 {
	color:#00306d;
}	

#realisations p {
	text-align:left;
	color:#00306d;
	font-size:12px;
	line-height:16px;
}	

#realisations li  {
	color:#00306d;
	line-height: 16px;
	margin-left:20px;
	text-align:left;
}	

#realisations span {
	font-size:11px;	
}

#realisations img {
	vertical-align: bottom;
}

#realisations .spacer {
	  position: relative;
	  background: transparent url(../images/spacer.gif) repeat-x;
		width:774px;
		height:1px;
		margin:15px 0 15px 64px;
}

/* PAGE CONTACT */

#contact {
	position: relative;
	background: transparent url(../images/bandeau-contact.jpg) no-repeat top center;
	width:879px;
	padding-top:140px;
	margin:0 auto;
	text-align:center;
	border:none;
	overflow:hidden;
}

#contact .spacer {
	position: relative;
	background: transparent url(../images/contact-spacer.png) repeat-y top center;
	width:332px;
	height:2px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

#contact p  {
		font-size:14px;
		color:#0153bb;
}	

#contact span.normal {
		font-weight:normal;
		color:#00306d;
}

#contact_adresse {
	  position: relative;
	  width:270px;
	  margin:0 auto;
		background: transparent url(../images/picto-adresse.png) no-repeat center left;
		padding-left: 35px;
		text-align:left;
		}

#contact_tel {
	  position: relative;
	  width:270px;
	  margin:0 auto;
		background: transparent url(../images/picto-tel.png) no-repeat center left;
		padding-left: 35px;
		text-align:left;
		}

#contact_email {
	  position: relative;
	  width:270px;
	  margin:0 auto;
		background: transparent url(../images/picto-email.png) no-repeat center left;
		padding-left: 35px;
		text-align:left;
		}

/* PAGE ACTUALITES */

#news {
	position: relative;
	width:881px;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	border:none;
	overflow:hidden;
}

#news h1, #news h2, #news p {
			padding-left:76px;
			text-align:left;
			padding-right:64px;
}

#news h1 {
			font-family:arial, sans-serif;
			font-size:23px;
			font-weight:bold;
			color:#ef8300;
			margin-bottom:14px;
}	

#news h2 {
			font-family:arial, sans-serif;
			font-size:16px;
			font-weight:bold;
			color:#00306d;
			margin-bottom:10px;
			text-align:left;
}	

#news p, #news li  {
			color:#030000;
			line-height: 17px;
}	

#news .spacer {
	  position: relative;
	  background: transparent url(../images/spacer.gif) repeat-x;
		width:749px;
		height:1px;
		margin:0 0 19px 64px;
}
/* PAGE MENTIONS_LEGALES */

#mentionsLegales {
	position: relative;
	width:881px;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	border:none;
	overflow:hidden;
}

#mentionsLegales h1, #mentionsLegales h2, #mentionsLegales p{
			padding-left:76px;
			text-align:left;
			padding-right:64px;
}

#mentionsLegales h1 {
			font-family:arial, sans-serif;
			font-size:23px;
			font-weight:bold;
			color:#ef8300;
			margin-bottom:14px;
}	

#mentionsLegales h2 {
			font-family:arial, sans-serif;
			font-size:16px;
			font-weight:bold;
			color:#00306d;
			margin-bottom:10px;
			text-align:left;
}	

#mentionsLegales p  {
			color:#030000;
			line-height: 17px;
}	

#mentionsLegales .spacer {
	  position: relative;
	  background: transparent url(../images/spacer.gif) repeat-x;
		width:749px;
		height:1px;
		margin:0 0 19px 64px;
}