/* CSS Document */

/* Position */

	body  {
		background: #1A1C2E;
		margin: 0;
		padding: 0;
		text-align: center; 
		}		
	#container { /* <body class="cols"> .cols */
		width: 759px;  
		background: #2E3645;
		margin: 0 auto;
		text-align: left; 
		border-left: 1px solid #FFF;
		border-right: 1px solid #FFF;
		position: relative;
		background-image: url(../css/images/col1.gif);
		background-repeat: repeat-y;
		padding: 0;
		z-index:10;
		} 
	#header {/* .cols */
		background: #2E3645;
		padding: 0 10px 0 20px;  
		background-image: url(../css/images/fond-haut2.jpg);
		height: 161px;
		border-bottom: 1px solid #FFF;
		margin: 0;
		position: relative;
		z-index:20;
		} 
	#sidebar1 {/* .cols */
		float: left; 
		width: 180px; 
		background: #2A3F6C; 
		padding: 0 0 30px 0;
		margin: 0;
		border-bottom: 1px solid #FFF;
		}
	
	#mainContent {/* .cols */
		margin: 0 0 0 190px;
		padding: 0 20px 0 20px;
		position:relative;
		} 
	#footer {/* .cols */
	clear:both;
	padding: 0;
	margin: 0;
	background:#1A1C2E;
	border-top: 1px solid #FFF;
	height: 20px;
	zoom: 1; 
		} 
	#footer p {/* .cols */
			margin: 0; 
			padding: 10px 0; 
		}
	.clearfloat { 
			clear:both;
			height:0;
			font-size: 1px;
			line-height: 0px;
		}
	#imgStructure {
	position: absolute;
	height: 188px; /* 187 */
	width: 350px;/* 277 350*/
	left: 483px; /* 520 */
	top: 15px; /* 15 */
	visibility: visible;
	z-index: 20;
	background-image:url(../css/images/structure-50.png); /*32*/
	}
	


/* content */
body {
	font: 80% Arial, Helvetica, sans-serif;
	color: #fff;
}
h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
}
h3,h4,h5,h6,p,li {
	font-size:1em;
}
object, embed {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color: #FFF;
}
.crelative {
	position: relative;
}

img {
	border:none;
}

	#header p {
		color: #2E3645;
		position: absolute;
		left: 0px;
		bottom: 0px;
		padding: 0 0 3px 3px;
		font-size: 1em;
		visibility: visible;
		z-index: 50;
		width: 650px;
		overflow: visible;
		
	}
	#header #logo {
		margin:18px 10px 10px 10px;
	}
	
	

	/* menu principal */
	#container #sidebar1 ul {
		margin: 0;
		padding: 15px 0 0 10px;
		list-style: none;
	}
	#container #sidebar1 ul ul {
		margin: 0;
		padding-top: 0;
	}
	#container #sidebar1 li {
		margin: 0px;
		padding: 0px;
	}
	#container #sidebar1 ul a {
		font-size: 0.85em;
		font-weight: bold;
		color: #FFFFFF;		
	}
	#container #sidebar1 ul ul a {
		color: #9EA5C3;		
	}	
	#container #sidebar1 ul a:hover {
		color: #FFCC33;
	}
	/* contact */
	#container #contact {
		position: absolute;
		width: 150px;
		left: 15px;
		bottom: 30px;
		z-index: 20;
		visibility: visible;
	}
	#container #contact p {
		font-size: 0.85em;
		color: #FFCC33;
	}
	/* menu bas de page */	
	#bottomContent {
		margin: 10px 0 0 181px; 
		padding: 2px 5px 2px 20px;
		background-color: #9EA5C3;
		border-top: 1px solid #FFF;
	}
	#bottomContent p {
		text-align: right;
		color: #2E3645;
		font-size: 0.9em;
		font-weight: bold;
	}
	#bottomContent a {
		color: #2E3645;
	}		
	
	/* contenu */
	#mainContent {
		color: #FFFFFF;
	}
	#mainContent h1 {
		margin: 40px 0 20px 0 ;
		color: #FFB633;
	}
	#mainContent h2 {
		padding: 15px 0 0 3px;
		background-image: url(../css/images/carregris.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		font-size: 1.3em;
		margin: 0 0 10px 0;
		color: #FFCC33;
	}
	#container #mainContent .stitre {
		font-size: 1.8em;
		text-align:center;
		margin:15px 0;
		background-image:none;
		
		
	}
	#mainContent h3 {
		padding: 5px 0 0 0;
	}
	#mainContent p.slogan {
		padding: 5px 0 0 0;
		font-style: italic;
		font-size: 1.2em;
	}
	#mainContent p {
		padding: 5px 0 0 20px;
		color: #FFFFFF;
	}
	#mainContent ul {
		margin-top:0;
	}	
	#mainContent a {
		font-weight: bold;
		color: #FFCC33;
	}	
	.tarif {
		margin-right : 20px;
	}
	/* sous-menu */
	#sidebar1 ul ul { 
		/* display : none; */
	}
	/* fenetre contact */
	#fencontact {
		position:absolute;
		padding:10px 10px 10px 10px;
		width:250px;
		/*height:150px;*/
		z-index:21;
		border:2px solid #FFB633;
		background-color:#2A3F6C;
		display:none;
		
	}
	


/* jquery-menu */


#sidebar1 ul ul {
	display:none;
}



/* jquery-lightbox */
#mainContent #ga {
	margin:0 auto;
	width:420px;

}
#gallery ul, #ga ul { 
	list-style: none; 
	margin:0;
	padding:0;
}
#gallery ul li, #ga ul li { 
	display: inline; 
	margin:0;
	padding:0;	
}
#gallery a, #ga a {
	display:block;
	float:left;
	margin: 0 5px 5px 0;	
	padding:0;	
	width : 72px;
	height: 72px;
	border: 1px solid #fff;
	background-color:#515C6E;
	text-align:center;
}
#gallery a:hover, #ga a:hover  {
	/* background-color:#9EA5C3; */
}
#ga a:hover  {
	background-color:#9EA5C3; 
}	
#gallery img, #ga img {
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border:none;
}
#gallery p, #ga p {
	clear:both;
	margin:5px 0 20px 0;
	
}


	
	


/* print */
/*
@media print {	
	
	body {
		background-color:#FFF;	
	}
	#mainContent {
		color:#333;
	}
	#mainContent h1 {
		color:#333;
	}
	
	#sidebar1, #bottomContent, #footer {
		display: none;
	}
	#header #slogan {
		margin: 10px 0 ;
	}

}

*/


/* cform */
/* CSS Document */


#form1 {
	padding: 0;
	margin:0;
}

#form1 fieldset {
	border: 1px solid #999;
	margin: 0.5em 0 0;
	padding: 0.5em 0.5em;
	width : 470px;
}

#form1 fieldset legend {
	color: #000000;
	letter-spacing: 0.1ex;
	font-weight: bold;
	margin: 10px 0  10px 10px;
	padding: 0 0.2em 0 0.2em;
}

#form1 fieldset label {
	float:left;
	text-align:right;
	margin-right:20px;
	width:10em; /* 120px;*/
}
#form1 fieldset p {

	height: 1.4em;
	padding: 0 0 0 0.5em ;
	margin:0;
	margin: 0 0 0.6em .6em;
}

.forminput {

	margin:0;
	padding:0;
	width: 20em; /*200px;*/
}
#form1 textarea{
	/*position: relative;*/
	margin:0;
	padding:0;
	width: 20em;/*250px;*/
	margin-bottom:5px;
}
/*
#form1 fieldset input, #form1 fieldset textarea{
	background-color:#FFF;
	border:1px solid #000;
}
#form1 select, #form1 input{
	border:1px solid #000;
}
*/
#form1 p {
	margin: 10px 0 0 10px;
	padding:0;
}
#form1 p.buttons {
	margin-left:140px;
}
.form_normal {


}

#form1 table {
	margin:0 auto;
	padding:5px;
	border : 1px solid white;
}
#form1 table td p {
	margin:0;
	padding:0 0 0 5px;
}
	
.inputError {
	border: 1px solid red ;
	background-color : #ffeeee;
	
}
#message p {
	
	font-size:12px;
	font-weight:bold;
	color : #fff;	
}

/* editor */

.slogan {
	padding: 5px 0 0 0;
	font-style: italic;
	font-size: 1.2em;
}

.orange {
	color:#FFCC33;
}

h2 {
	/* text-decoration:underline;	*/
}

