@charset "utf-8";

/* CSS Document */



html{

	width: 100%;

	}

body {

	width:100%;

	margin: 0px;

	background-image:url(../images/filigrane.png);

	background-repeat:repeat;

	font: 90% "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;

	color:#111616;

	border:0;

	}

#barre{

	background-color:#749799;

	width:100%;

	height:21px;	

	border:0;

}

.corps{

	width:899px;

	margin-left:auto;

	margin-right:auto;

	}	

#blocCentral{

	width:995px; 

	border:0px; 

	margin-left:auto; 

	margin-right:auto;

	overflow-x:hidden;

}

#langues{

	text-align:right;

	margin-top:0px;	

}

.element-langue{

	margin-left:20px

}

.langue{

	color:#ddd68f;

	text-decoration:none;

}

.langue:hover{

	color:#ffffff;

}

.central{

	background-color:#fff;

}

.element-menu{

	background-color:#FFF;

	margin-left:25px



}

.menu{

	color:#749799;

	font-weight:bold;

	text-decoration:none;

}

.menu:hover{

	color:#76c9c7;

}

#base-menu{

	margin-top:17px;	

	margin-bottom:1px;

}

.droite{

	text-align:right;

}

hr{

	width:inherit;

	border:0;

}

.ligne-turquoise{

	margin-top:0px;

	margin-bottom:14px;

	height:2px;

	color:76c9c7;

	background-color: #76c9c7;



}

#nom-logo{

	margin-top:14px;

	margin-bottom:4px;

	heigth:29px;

	width:254px;

}

h1{

	font-style:italic;

	font-size:20px;

	font-weight:bold;	

	margin: 14px 0px 14px 0px;

	color:#111616;

	height:23px;

}

h2{

	margin-top:0px;

	margin-bottom::10px;

	font-size:1.12em;

	font-weight:normal;

	font-style:normal;

	color:#334242;

	}

h3{

	margin-top:412px;

	margin-bottom:0px;

	padding:0px;

	font-size:1em;

	font-weight:bold;

	font-style:normal;

	color:#334242;

	height:20px;

	width:348px;

}

.italique{

	font-style:italic;

}

#grosse-rangee{

	height:396px;

	width:243px;

	background-color:#ddd68f;

	float:left;

	/*overflow:hidden;*/

}

#texte-accueil{

	height:368px;

	margin:0px;

	padding:14px;

	width: 216px;

	line-height:1.43em;

	color:#334242;

	overflow-y:auto;

	overflow-x:none;

	}

.lien{

	color:#749799;

}

.lien:hover{

	color:#76c9c7;



}

.lien_pied{

	color:#749799;

	text-decoration:none;

	background-color:#FFF;

}

.lien_pied:hover{

	color:#76c9c7;

}

div#fondPresentation{

	float:right;

	margin:0px;

	margin-left:12px;

	border:0;

	width: 643px; 

	height: 396px;

	background-color:#000000; 

}

#grosse-image{

	height:396px;

	width:643px;

	margin:0px;

	border:0;

	background:url('../images/grosse-image1.jpg') top center no-repeat;

}

#large{

	width:995px;

	height:125px;

	margin-top:0px;

	margin-left:auto;

	margin-right:auto;

	/*border:1px solid #ff0000;*/

	}	

#fleche-gauche{

	background-image:url(../images/fleche-gauche.png);

	background-position:left;

	background-repeat:no-repeat;

	width:41px;

	height:141px;

	overflow:hidden;

	float:left;

	margin:0px;

}

#fleche-droite{

	background-image:url(../images/fleche-droite.png);

	background-position:left;

	background-repeat:no-repeat;

	width:41px;

	height:141px;

	overflow:hidden;

	float:right;

	margin:0px;

}

#trame{

	background-color:#edc9ce;

	height: 141px;

	width:913px;

	/*overflow:auto; 

	overflow-x:hidden;

	overflow-y:hidden; */

	overflow: hidden;

	 padding:0px;

	 border: none;

	 margin:0px;

}

#livrets{

	list-style-type: none;

	width:9000px; /* nb livrets x 228 px */

	border:0px; /*1px solid #33C; */

	margin:0px; 

	padding:0px; 

	padding-top:3px;

	padding-bottom:3px;

	left:400px;

	height:141px;

}

#livrets li{

	height:130px;

	width:213px;

	background-color:#fff;

	margin:0px 6px 0px 7px; 

	padding:0px 0px 3px 0px;

	border:1px solid #bd8790; 

	float:left;

	text-align:center;

	/*overflow:hidden;*/

}

#thumbnails{

	list-style-type: none;

	width:9000px; /* nb livrets x 228 px */

	margin:0px;

	margin-top:17px; 

	margin-bottom:14px;

	padding:0px; 

	padding-top:20px;

	padding-bottom:3px;

	left:400px;

	height:132px;

}

#thumbnails li{

	height:132px;

	width:215px;

	margin:0px 13px 0px 0px; 

	padding:0px 0px 3px 0px;

	float:left;

	text-align:center;

}

#li_texte{

	border: 1px solid #FFF;

	height: 130px;

	overflow:hidden;

}

#li_texte:hover{

	border: 1px solid #ddd68f; 

	width:213px;

	height: 127px;

}

#li_texte:hover p{

		margin-left: 2px;

}

.milieu{

	margin-top:40px;

}

.milieu3lignes{

	margin-top:32px;

}

.no-livret{

	font-weight:bold;

	font-style:normal;

	color:#bd8790;

	margin: 7px 4px 0px 4px;

	padding:0px;

}

.titre-livret{

	line-height:1.2em;

	padding:0px;

	font-weight:bold;

	font-style:normal;	

	color:#334242; 

	margin: 4px 4px 7px 4px;

}

.details-livret{

	margin: 14px 4px 4px 4px;

	line-height:1.2em;

	padding:0px;

	font-weight:bold;

	font-style:normal;	

	color:#334242;

}

#livret{

	position:absolute;	

	width:211x; 

	height:348px;

	border: 1px solid #bd8790;

	background-color:#edc9ce;

	left:0px;

}

.show {

	top:506px;

}

.hide {

display:none;

}

#cadre-livret{

	width:206px; 

	height:340px;

	border: 4px solid #fff;

	background-color:#edc9ce; 

	text-align:center;

}

#scrollzone{

	height:250px;

	/*overflow-y:auto;

	overflow-x:none;*/

	overflow:hidden;

	margin:0px; 

	border:0px; 

	padding:0px;

}

#vieux-logo{

	margin-top:0px;

	background-image:url(../images/ancien_logo.png);

	background-repeat:no-repeat;

	background-position:center;

	width:31px;/**/

	height:30px;

	position:absolute;

	top:300px;

	left:94px;

}

#lien_visible{

	text-decoration:none;

	font-size: 1.2em;

	line-height:1.2em;

	padding:0px;

	font-weight:bold;

	font-style:normal;	

	color:#bd8790;

}

div.btn_defil{

	overflow: hidden !important; 

	float:right;

	height:141px;

	width:41px;

	margin:0px;

	position: relative;

		border:none;

	border:0px;

}

div.defilement a{

	margin-left: 0px !important;

	width:41px;

	height:141px;

	text-decoration:none;

		border:none;

	border:0px;	

}

div.defilement a:hover{

	position: relative !important;

	margin-left: -41px !important;

}

div.defilement a:active{

	position: relative !important;

	margin-left: -82px !important;

}

div.defilement a img{

	width:123px;

	height:141px;

	border:none;

	border:0px;

}

#previous{

	float:left;

}

#next{

	float:right;

}

#page{

	height: 741px;

	width:1005px;

	top: 127px; /* ff:127 Safari:129 */

	left:449px; /* ff:449 safari:243*/

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	#page{

		height: 741px;

		width:1005px;

		top: 129px; /* ff:127 Safari:129 */

		left:449px; /* ff:449 safari:243*/

	}

}

.voir_page{

	position:absolute;

	z-index: 100;

}

#page_decor{

	background-color: #ddd68f;

	height: 741px;

	width:899px;

	top: 0px;

	left:53px;

	position:relative;

	filter:alpha(opacity=89);

	-moz-opacity:0.89;

	-khtml-opacity:0.89;

	opacity:0.89;

}

#page_contenu{

	background-color: #fbfaf0;

	height: 684px;

	width:815px;

	top: 0px;

	left:0px;

	margin: 41px 95px 13px 95px;

	position:absolute;

	/*overflow:hidden;

	overflow-y:auto; 

	overflow-x:none;*/

}

.bouton_x{

	overflow: hidden !important; 

	height:20px;

	width:20px; 

	position: relative;

	left:769px;

	margin:12px 12px 0px 14px;

	padding:0px;

	text-align:right;

}

.bouton_x div a{

	margin-left: 0px !important;

	width:20px;

	height:20px;

	text-decoration:none;

}

.bouton_x div a:hover{

	position: relative !important;

	margin-left: -20px !important;

}

.bouton_x div a:active{

	position: relative !important;

	margin-left: -40px !important;

}

.bouton_x div a img{

	width:60;

	height:20; 

	border:none;

}

h4{

	height:22px;

	width:787px; 

	margin:6px 14px 0px 14px;

	padding:0px;	

	font-size:1.18em; 

	font-weight:normal;	

	font-style:normal;

	color:#334242;

}

.ligne_entete{

	height:1px;

	width:787px; 

	margin:0px 14px 0px 14px;

	padding:0px;

	color:#749799;

	background-color:#749799;

}
.ligne_livrets {
    height: 1px;
    width: 100%;
    padding: 0px;
    color: #749799;
    background-color: #749799;
}

.colonne{

	height:606px;

	width:253px; 

	padding:0px;

	float:left;

	/*overflow-y:auto; 

	overflow-x:none;*/

	color:#334242;

	margin:4px 0px 14px 14px;

	/*background-color:#3366FF;*/

}

.colonne_large{

	height:606px;

	width:500px; 

	padding:0px;

	float:left;

	/*overflow-y:auto; 

	overflow-x:none;*/

	color:#334242;

	margin:4px 0px 14px 14px;

	/*background-color:#3366FF;*/

}

.colonne p{

	margin:4px 0px 6px 0px;

}

.colonne_large p{

	margin:4px 0px 6px 0px;

}

.colonne ul{

	margin:-2px 0px 10px 0px;

	padding:0px 0px 0px 15px;

}



#col_debut{

	/* margin:4px 0px 14px 14px;*/

}

#col_fin{

	/*margin:4px 0px 14px 0px;*/

}

.img_livret{

	background-image:url(../images/livret.jpg);

	background-position:center;

	background-repeat:no-repeat;

	/*background-color:#333333;

	position:relative;*/

	width:100%;

	height:100%;

	/*top:120px;*/

}

.img_education1{

	background-image:url(../images/education1.jpg);

	background-position:center;

	background-repeat:no-repeat;

	/*background-color:#333333;

	position:relative;*/

	width:100%;

	height:100%;

	/*top:120px;*/

}

.img_education2{

	background-image:url(../images/education2.jpg);

	background-position:center;

	background-repeat:no-repeat;

	/*background-color:#333333;

	position:relative;*/

	width:100%;

	height:100%;

	/*top:120px;*/

}

.img_mission1{

	background-image:url(../images/mission1.jpg);

	background-position:center;

	background-repeat:no-repeat;

	/*background-color:#333333;

	position:relative;*/

	width:100%;

	height:100%;

	/*top:120px;*/

}

.img_document{

	background-image:url(../images/document.jpg);

	background-position:center;

	background-repeat:no-repeat;

	/*background-color:#333333;

	position:relative;*/

	width:100%;

	height:100%;

	/*top:120px;*/

}

/*.img_acrobat{

	background-image:url(../images/acrobat.png);

	min-width:12px;

	max-width:12px;

	height:14px;

	display:inline;

}*/

.evident{

	font-weight:bold;

	color:#938e5f;

}
.evident_autre{

	font-weight:bold;

	color:#76c9c7;

}

.italique{

	font-style:italic;

}

/*.fond{	background-color:#f2f1e7;}*/

.disponible{

	/*color:#947e81; /*617e7e  4a6060*/

	/*border-top: 1px solid #edc9ce;*/

	/*border-bottom: 1px solid #edc9ce;*/

	padding-bottom:15px;

}

#contenu{

	display:block;

	height: 606px;

	width:815px;

	top: 0px;

	left:0px;

	margin: 0px;

	position:relative;

}

#contenu_scroll{

	display:block;

	width:500px;

	top: 0px;

	left:0px;

	margin: 0px;

	position:relative;

}

#contenu_texte{

	overflow-y:auto; 

	/*height: 623px;*/

}

/*#contenu_scroll div{

	background-color: #ff0000;

	display:inline;

	height: 606px;

	margin: 0px;

	position:relative;

}*/

div.btn_navig{

	overflow: hidden !important; 

	float:right;

	height:25px;

	width:33px;

	margin:0px;

	position: relative;

	border:none;

	border:0px;

}

div.navigation a{

	margin-left: 0px !important;

	width:33px;

	height:25px;

	text-decoration:none;

	border:none;

	border:0px;	

}

div.navigation a:hover{

	position: relative !important;

	margin-left: -33px !important;

}

div.navigation a:active{

	position: relative !important;

	margin-left: -66px !important;

}

div.navigation a img{

	width:99px;

	height:25px;

	border:none;

	border:0px;

}

#rotationImages{

	/*background-color:#FFCC00;*/

	margin:-40px 20px 20px 0px;

	float:right;

	

}

div.btn_point{

	overflow: hidden !important; 

	float:right;

	height:17px;

	width:17px;

	margin:0px;

	position: relative;

	border:none;

	border:0px;

}

div.PhotoActuelle a{

	max-height:17px;

	max-width:17px;

	margin-left: -17px !important;

	text-decoration:none;

	border:none;

	border:0px;	

}

div.rotationPhoto a{

	max-height:17px;

	max-width:17px;

	margin-left: 0px !important;

	text-decoration:none;

	border:none;

	border:0px;	

}

div.rotationPhoto a:hover{

	position: relative !important;

	margin-left: -17px !important;

}

div.rotationPhoto a:active{

	position: relative !important;

	margin-left: -17px !important;

}

div.rotationPhoto a img{

	width:34px;

	height:17px;

	border:none;

	border:0px;

}

#pied_gauche{

	margin:-14px 0px 0px 0px; 

	width:400px;

	float:left;

}

#Pied_droit{

	margin:-14px 0px 0px 0px; 

	width:400px;

	float:right; 

	text-align:right;

}

#page_inexistante{

	margin:14px;

}