@charset "utf-8";


/*NEW xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
 

*{

 margin:0;

 padding:0;

}

 

body, html{height:100%;}

body{

 text-align:center;
 background-image: url(images/Pattern6.jpg);
	background-repeat:repeat;

}

 

#main{
 width:99%;
 min-height:100%;
 padding:0;
 margin left:0;
 margin right:0;
 margin top:0; 
 margin bottom:0 auto;
 position:relative;
}

a img {
	border:none;
}
 

footer{
	background-color: #0087cc;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding-top: 50px;
	height: 50px;

}

/*FIN NEW -remplacer / xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#header {
	background-attachment: fixed;
	background-image: url(images/BandeCouleur.jpg);
	background-repeat: repeat-x;
	height: 60px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;

}
#headerinterne {
	background-attachment: fixed;
	background-image: url(images/BandeCouleurBleu.jpg);
	background-repeat: repeat-x;
	height: 60px;
	width: 100%;
	margin: 0px;
	padding-top: 7px;
	padding-left: 10px;
	position: relative;
	clear: both;
	text-align:left;
}
#contenu {
	width: 75%;
	max-width: 1260px;
	min-width: 750px;
	margin: auto;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 60px;
	clear: both;
	float: none;
		z-index: 0;
}
#conteneur {
	overflow: visible;
	position: absolute;
	width: 100%;
	top: 0px;
	right: 0px;
	text-align: center;

	padding: 0px;
	clear: both;
	float: none;
	margin-top: 60px;

}



/*POUR IMAGES à 100% de largeur*/
.backimg1 {
	width: 100%;
	background-size: cover;
	background-image: url(images/Image_Livre1.jpg);
	min-height: 400px;
	background-position: center;
	float: left;
	width: 45%;
	margin-right: 5%;
	text-align: center;
}

 
div.backimg1:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}

a.divLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
}



.backimg2 {
	width: 100%;
	background-size: cover;
	background-image: url(images/Image_Livre2.jpg);
	background-position: center;
	float: left;
	width: 45%;
	min-height: 400px;
	text-align: center;
}

div.backimg2:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}
.backimg3 {
	width: 100%;
	background-size: cover;
	background-image: url(images/Image_Livre3.jpg);
	background-position: center;
	float: left;
	width: 45%;
	min-height: 400px;
	margin-right: 5%;
	margin-top: 20px;
		text-align: center;
}

div.backimg3:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}

.backimg4 {
	width: 100%;
	background-size: cover;
	background-image: url(images/Image_Livre4.jpg);
	background-position: center;
	float: left;
	width: 45%;
	min-height: 400px;
	margin-top: 20px;
		text-align: center;
}

div.backimg4:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}

.backimg5 {
	width: 100%;
	background-size: cover;
	background-image: url(images/Image_Livre5.jpg);
	background-position: center;
	float: left;
	width: 45%;
	min-height: 400px;
	margin-top: 20px;
		margin-left: 27%;
		text-align: center;
}
.backimg8 {
	width: 100%;
	background-size: cover;
	background-image: url(images/Image_Livre8.jpg);
	background-position: center;
	float: left;
	width: 45%;
	min-height: 400px;
	margin-top: 20px;
	margin-left: 27%;
	text-align: center;
}


div.backimg5:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}
div.backimg8:hover {
	cursor: hand;
	cursor: pointer;
	opacity: .9;
}


.backimg6 {
	width: 100%;
	background-size: cover;
	background-image: url(images/Image_Livre6.jpg);
	background-position: center;
	float: left;
	width: 45%;
	min-height: 400px;
	margin-right: 5%;
	margin-top: 20px;
		text-align: center;
}

div.backimg6:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}

.backimg7 {
	width: 100%;
	background-size: cover;
	background-image: url(images/Image_Livre7.jpg);
	background-position: center;
	float: left;
	width: 45%;
	min-height: 400px;
	margin-top: 20px;
		text-align: center;
}

div.backimg7:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}

.logo {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

.titrepage {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 23px;
	color: #054493;
	font-weight: 100;
	line-height: 30px;
	background-position: center;
}

.boutonevaluer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 19px;
	color: #FFF;
	font-weight: 200;
	background-image: url(images/fond_bt_bleu.jpg);
	height: 50px;
	width: 40%;
	min-width: 375px;
	text-align: center;
	padding-top: 3px;
	margin-bottom: 20px;
	border-radius: 15px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	display: block;
}
.nounderline {
	text-decoration: none;
}


.boutonevaluer a {
display: block;
color: #FFF;
text-decoration:none
	height: 100%;
	width: 100%;
}


.boutonevaluer a:hover {
	display: block;
	text-decoration:none
	color: #a0d3ff;
}

.boutonevaluer a:active {
	display: block;
color: #FFF;
	text-decoration:none
}

img {

  vertical-align:bottom;
}

#centre {
  width: 100%;
  text-align:center;
  clear: both;
  	position: relative;
}

#layerimage{
	
	/*max-width: 800px;
	background-size: 100% auto ;
	background-image: url(images/Image_Livre1.jpg);*/
	float: left;
	width: 45%;
	height: 450px;
	margin-right: 5%;
}

/*POSITION IMAGES */




.imagedroite {
   float: right;

}
.imagegauche {
	float: left;
}


.sousmenugauche {
	float: left;
	height: 125px;
	width: 176px;
	padding-right: 4px;
}
.colonne2 {
	position: relative;
	float: left;
	width: 73%;
	
}

.colonne3 {
	clear: both;
	float: none;
}

.colonne2 a:link {color:#fd6a1a;} /* unvisited link */ 
.colonne2 a:visited {color:#fd6a1a;} /* visited link */  
.colonne2 a:active {color:#fd6a1a;} /* selected link */

.colonne3 a:link {color:#fd6a1a;} /* unvisited link */ 
.colonne3 a:visited {color:#fd6a1a;} /* visited link */  
.colonne3 a:active {color:#fd6a1a;} /* selected link */

.ligneback {
	position: relative;
	/*padding-left: 15px;*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #0a4996;
}
.paddingleft {
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}