/* CSS Document */
/* feuile de style avec images */


body {
	background-color: #666;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}

/* image fond */
.global {
  position:fixed ; /* positionne la boite dans l'écran */
  top:0px ; /* à 80 pixels du haut de page */
  left: 0px ; /* et 30% du bord gauche de la page */
  width:100% ; /* largeur de la boite */
  border:solid black 1px ; /* bordure de la boite */
  z-index: -1;
  min-width:100%;
  min-height:100%;
}

/* grille css % */
.row {
width: 100%;
max-width: 960px;
min-width: 480px;
margin: 0 auto; 
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {width: 4.85%;}
.row .twocol {width: 13.45%;}
.row .threecol {width: 22.05%;}
.row .fourcol {width: 30.75%;}
.row .fivecol {width: 39.45%;}
.row .sixcol {width: 48%;}
.row .sevencol {width: 56.75%;}
.row .eightcol {width: 65.4%;}
.row .ninecol {width: 74.05%;}
.row .tencol {width: 82.7%;}
.row .elevencol {width: 91.35%;}
.row .twelvecol {width: 100%;float: left;}

.last {margin-right: 0px;}


img {height: auto;}


/* Smaller screens & mobiles */

@media only screen and (max-width: 1023px) {
	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}

	}

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

}


/* Structure TEMPLATE */
.clearfloats {
	clear:both;
	margin: 0px;
	padding: 0px;
}


div#header{
	width: 100%;
	margin:0px;
	padding:0px;
	background-color:rgba(0,0,0, 0.4);
	border-bottom:2px solid #bfb470;
}

div#lienshauts {
	margin-left:auto;
	margin-right:auto;
	padding: 3px;
	text-align: center;
	margin-top: 1px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #960;
	line-height: 40px;
	background-color:rgba(0, 0, 0, 0.5);
}

div#entete {
	width: 970px;
	height:175px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size:0.8em;
	background-color:#222;
}

div#entete02 {
	vertical-align: middle;
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 400px;
}

div#entete03 {
	vertical-align: middle;
	padding: 2px;
	text-align: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	width:230px;
	height:250px;
}

/* logo */
div#logo {
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	}

/* zone anim */
div#zoneanim {
	width:730px;
	float:right; 
	height:160px; 
	margin:5px; 
	}


/* barre nav */
div#nav {
	width:970px;
	padding: 0px;
	vertical-align: middle;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#content{
	width: 100%;
	margin:0px;
	padding:0px;
	font-size:1em;
}

div#page {
	width:970px;
	/* centrage firefox */
	margin-left: auto;
	margin-right: auto;
	/* largeur obligatoire pour centrer le bloc */		
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	height: 100%;
	background-color: #EAE7DC;
	box-shadow:1px 1px 40px rgba(0, 0, 0, 0.5);
}

div#corp {
	width:100%;
	padding: 0px;
	margin: 0px;
}

.gauche {
	float:left;
    padding: 0 10px 10px;
    width: 180px;
	margin-right:15px;
	margin-top:15px;
	border-top: 10px solid #FFCC00;
}

.centre {
	float:left;
	width:540px;
	padding-bottom:15px;
	padding-top:15px;

	}

.droite {
    border-top: 10px solid #FFCC00;
    float: right;
    margin-left: 15px;
    margin-top: 15px;
    padding: 0 10px 10px;
    width: 180px;
	}


div#footer{
	width: 100%;
	margin:0px;
	padding:0px;
}

div#footerlum{
	width: 100%;
	margin:0px;
	padding:0px;
}

div#pied {
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* boxcss */
.boxcss {
    background-image: url("images/fond-extrait-lum.png");
    background-repeat: repeat-x;
    border: 1px solid #FFFFFF;
    box-shadow: 0 1px 4px #CCCCCC;
    margin: 20px auto;
    padding: 5%;

}

.boxcsstitre, .boxcss h1 {
    background-color: #A69351;
    color: #FFFFFF;
    font-size: 1.5em;
    margin: -15px -15px 10px;
    padding: 5px;
}
.boxcss span {
/*	color:#666;*/
	display:block;
	padding-top:2px;
}

.boxcss p {
	color:#666;
}

.boxcss li {
	list-style-type: none;
}
.boxcss a {
	color: #2A5FB7;
	text-decoration: none;	
}

.boxcss a:hover {
	text-decoration: underline;	
}