body{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
/*	text-align: center;*/
	font: 0.8em "Trebuchet MS", helvetica, sans-serif; /*background: #dea ;*/
	/*background-image: url(../img/fondsite.png);*/
	background-color: #D1DAED;
	
}
div#ombrehaut{
	width: 810px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 0px 0px;
	background-image: url(../img/ombre_haut.png);
	background-position: top;
	background-repeat: no-repeat;
}


div#ombrebas{
	width: 810px;
	height: 5px;
	margin: 0 auto;
	/*background-color: Blue;*/
	background-image: url(../img/ombre_bas.png);
	background-repeat: no-repeat;
}

div#global{
	/*width: 810px;*/
	margin: 0 auto; /*text-align: left;*/
	padding: 0;
	background: url(../img/ombre_corps.png) repeat-y center;
/*	background-color: Aqua;*/
	/*background-color: #6A5ACD;*/
}

div#conteneur{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	/*text-align: left;*/
	/*border: 1px solid Black;*/
	/*background: Silver;*/
}


div#header{
	width: 800px;
	margin: 0px auto;
	padding: 0;
	height: 236px;
/*	background-color: Aqua;*/
	/*	border: 1px solid Black;*/
}

div#header Img{
	position: absolute ;
	display: block ;
	top: 71px ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	}

div#top-top{
	/*width: 800px;*/
	height: 134px;
/*	margin: 0 auto;*/
	margin: 0px 0px 0px 0px;
	background: url(../img/header_haut.png) no-repeat; /*border: 1px solid Black;*/
}



div#top-top img{
	position: absolute ;
	display: block ;
	/*display: block ;*/
/*	top: 20px ; */
	padding: 0px 0px 0px 0px;
	margin: -52px 0px 0px 185px;
}



div#top-bottom{
	height: 102px;
	margin: 0 auto;
	background: url(../img/header_bas.png) no-repeat top;
}



div#top-top a{
	width: 150px ;
	height: 70px ;
	display: block ;
	background: url(../img/saitec.png) no-repeat ;
	position: relative ;
	left: 575px ;
	top: 15px ;
	text-indent: -5000px ;
}


div#menu{
	float: left;
	width: 190px;
	/*background-color: Fuchsia;*/
}


/*div#menuhaut{
}*/

div#menubas{
	float: left;
	display: block ;
	width: 184px;
	height: 25px;
	background-image: url(../img/menu_bas.png);
}

div#marques{
	float: left;
	display: block ;
	width: 184px;
}

div#marques Img{
	position:relative;
	display:block;
	margin-left: auto;
	margin-right: auto;
}


div#marques a img {
	border: none;
}

div#menucorps
{
	text-align: left;
	margin: 15px 0px 0px 0px;
	padding: 0;
	float: left;
	display: block ;
	width: 190px;
	background: url(../img/fonc_menu.png) repeat-y;
/*	background-color: Aqua;*/
}


div#menucorps h3
{
	float: left;
	display: block;
	text-align: left;
	line-height: 30px;
	width: 184px;
	height: 30px;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #6495ED;
	margin: 0px 0px 0px 0px;
}

div#menucorps img
{
	height: 30px;
	float: left;
	display: block;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}

div#menucorps ul{
	padding: 0px 0px 0px 50px;
	margin: 0px 0px 0px 0px;
}

/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
div#menucorps li
{
	float: left ;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

/*	margin-left: 50px;*/
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

div#menucorps li a
{
	width: 100px;
	float: left ;
	display: block;
	line-height: 25px;
	font-size: medium;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #778899;
	text-decoration: none;
}/* C'est sur les liens que le gros du travail est effectué, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grâce à la propriété display: block ; */


div#menucorps li a.current_link{
	font-weight: bold;
	background: url(../img/triangle.png) no-repeat left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

div#menucorps li a:hover{
	font-weight: bolder;
   background: url(../img/triangle.png) no-repeat;
	background-position: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

div#form{
	margin-top: -15px;
}

div#contenu
{
	float: none;
	width: 600px;
	height:auto !important;
  	height:830px;
	min-height: 830px;
	margin: 0px 0px 10px 190px;
	text-align: justify;

}
div#contenu a img {
	border: none;
}


div#contenu h2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	line-height: 2em;
	font-size: 1.4em;
	color: #6495ED;
	border-bottom: 1px solid #6495ED;
}
div#contenu h2 a
{
	font-size: small;
	font-weight: normal;
	border: none;
}
	div#contenu h2 a:hover
{
	font-weight: bold;
	border: none;
}

div#contenu a
{
	color: #6495ED;
	font-size: small;
	font-weight: normal;
	text-decoration:  none;
	border: none;
}

div#contenu a:hover {
	text-decoration:  underline; 
	font-weight: bold;
	color: #6495ED;
}

div#contenu a img {
	border: none;
}


div#contenu h3
{
	margin-left: 5px ;
	padding-left: 5px ;
	border-bottom: 1px solid #6495ED ;
	color: #6495ED ;
}


div#contenu h4
{

	color: #6495ED ;
	text-decoration: underline;
}


div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

.floatleft{
	float: left;
	margin-right: 2px;
	margin-top: 2px;
	/*	border: 2px solid Black;*/
}

.floatright{
	float: right;
	margin-left: 2px;
	margin-top: 2px;
}

.floatcenter{
	display: block;
	margin-left: auto;
	margin-right: auto ;
}

DIV#footer
{
	line-height: 30px;
	text-align: center;
	color: White;
	font-weight: bold;
	background: url(../img/footer.png) no-repeat left top;
}

pre
{
	overflow: auto ;
	background: #6495ED ;
	border: 2px solid #6495ED ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

.triangle {
	float: none;
	display: block;
	background: url(../img/triangle.png) no-repeat left;
	padding: 0px 0px 0px 10px;
}

.textecentre{
	text-align: center;
}


.contact{
	width: 280px;
	height: 300px;
	text-align: justify;
	vertical-align: top;
}

.input{
	color: #6495ED ;
	font-weight: bold;
	border: 1px solid Gray;
}

.gallerie{
	text-align: center;
}
.gallerie table{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.gallerie a{
	line-height: 2em;
	font-size: 1.4em;
	color: #6495ED;
	text-decoration: none;
}
.gallerie a:hover{
	color: #6495ED;
	font-weight: bold;
	text-decoration: underline;
}

.gallerie a img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	border: 0px;
}

.gallerie_page_encours{
	color: #6495ED;
	font-weight: bold;
	font-size: 1.4em;
}

.gallerie_titre{
	/*margin-top: 50px;*/
	font-size: 1.3em;
	border-bottom: 1px solid #6495ED ;
	/*	border-top: 1px solid #6495ED ;*/
	color: #6495ED ;
}


.gallerie a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.gallerie td{
	width: 180px;
	height: 135px;
	padding: 5px;
	margin: 5px;
	background-image: url(../img/gallerie/fond.png);
	background-repeat: no-repeat;
	background-position: center;
}


div#Cadre560haut{
	width: 560px;
	margin-left: auto;
	margin-right: auto ;
	background-image: url(../img/ombre_haut_560.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;

}
div#Cadre560bas{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 5px;
	background-image: url(../img/ombre_bas_560.png);
	background-position: top;
	background-repeat: no-repeat;
}

div#Cadre560Corps{
	background-image: url(../img/ombre_corps_560.png);
	background-repeat: repeat-y;
}



div#MapGoogle{
	width: 550px;
	height: 400px;
	margin-left: auto;
	margin-right: auto ;
}




.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}