/* -------------------------- PROPRIETE DE LA PAGE -------------------------- */ 

body 
{ 
	font: 11px verdana, sans-serif;
	margin: auto; /* Pour centrer notre page */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#ebeaea;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}
a{
  text-decoration:none;
}
/*
a:hover 
{
  color:#404040;
  text-decoration:none;
  text-decoration: underline;
}*/
td
{
  font: 12px verdana, sans-serif;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
   line-height:160%
}
.blue
{
  font: 13px verdana, sans-serif;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#4179b2;
  font-weight:bold;
}


/* -------------------------- LES DIVS -------------------------- */ 

/*accueil*/
#alldiv_accueil
{
   border: 0px;
   margin: auto;
   text-align: left;
   border:none;
   width : 1366px;
   position : relative;
   background-repeat:no-repeat;
   background-color:#ffffff;
   
}
#head_accueil
{
   border: 0px;
   margin: auto;
   text-align: left;
   border:none;
   width : 1366px;
   height:768px;
   position : relative;
}

#admin_body
{
	background-image: url('../images/admin_body.jpg');
	background-repeat: repeat-y;
	width:1366px;

}
#placement_texte
{
   margin: auto;
    width:1300px;
    height:495px;
    overflow-y:scroll;
    overflow-x:hidden;

}
#admin_foot
{
   position:relative;
   margin: auto;
   width:1366px;
   height:117px;

}

#admin_foot_check
{
   position:relative;
   margin: auto;
    top:-40px;
    z-index:300;
    width:800px;
    text-align:center;
}
#admin_valider_form
{
  position:relative;
  width:180px;
  height:44px;
  z-index:1200;
  top:-1143px;
  left:415px;
  margin: auto;
}
#admin_valider
{
  position:relative;
  width:180px;
  height:44px;
  z-index:1000;
  top:-746px;
  left:415px;
  margin: auto;
}

#texte_entre_remerciement
{
  
   position:relative;
   margin: auto;
   top:-408px;
   z-index:300;
   width:800px;
   text-align:center;
   color: #4f504b;
   font: 30px Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   text-shadow: 0px 1px #ffffff;
   text-align: center;  
}
#decompte
{
  visibility: hidden;
  height:0px;
}

/* INPUT SELECT */
 input[type=select] {
    color: #979797;
    height: 30px;
    padding-left: 10px;
    text-decoration: none;
    background-color: #ffffff;
    background-repeat: repeat-x;
    border-radius: 5px; /*up to date browsers support this, but you can add prefixes if you want*/

    border: 0; 
   
   
   
}



/* INPUT TEXTE */
 input[type=text] {
    color: #979797;
    height: 30px;
    padding-left: 10px;
    text-decoration: none;
    background-color: #ffffff;
    background-repeat: repeat-x;
    border-radius: 5px; /*up to date browsers support this, but you can add prefixes if you want*/

    border: 0; 
}
 

/*checkbox design*/

#labelCheck {
	color: #494949;
	font: 20px Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0px 1px black;
	text-align: center;
	width:300px;
}



/* SLIDE ONE */
.slideOne1 {
	width: 200px;
	height: 40px;
	background-color: #ba0001;
	margin: 0px auto;

	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 100px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideOne1 label {
	display: block;
	width: 64px;
	height: 64px;

	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: -12px;
	left: -12px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideOne1 input[type=checkbox]:checked 
{
  	left: 148px;
}


.slideOne1 input[type=checkbox]:checked + label
{
	left: 148px;
	
}

.slideOne2 {
	width: 200px;
	height: 40px;
	background-color: #ba0001;
	margin: 0px auto;

	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 100px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideOne2 label {
	display: block;
	width: 64px;
	height: 64px;

	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: -12px;
	left: -12px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideOne2 input[type=checkbox]:checked 
{
  	left: 148px;
}


.slideOne2 input[type=checkbox]:checked + label
{
	left: 148px;
	
}

.slideOne3 {
	width: 200px;
	height: 40px;
	background-color: #ba0001;
	margin: 0px auto;

	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 100px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideOne3 label {
	display: block;
	width: 64px;
	height: 64px;

	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: -12px;
	left: -12px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideOne3 input[type=checkbox]:checked 
{
  	left: 148px;
}


.slideOne3 input[type=checkbox]:checked + label
{
	left: 148px;
	
}




/*fin checkbo design*/
#placement_formulaire_entre_txt
{
  font: 21px Arial, sans-serif;
  font-weight:800;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0px 1px #ffffff;
  text-align: center;
  width:300px;
  color:#ffffff;
  position:relative;
  top:-1103px;
  left:-415px;
  margin: auto;
  width:400px;
  height:30px;  
  z-index:100;
}

#placement_formulaire
{
  color:#ffffff;
  position:relative;
  top:-530px;
  left:25px;
  margin: auto;
  width:750px;
  height:365px;  
  z-index:100;
}



#envoyer_demande{
	position : absolute;
	top : 360px;
	left : 350px;
}
a.envoyer_demande{
	font-size : 14px;
	font-family:Arial,Helvetica,sans-serif;
	color : #000;
	border:1px solid #000;
	padding : 0.3em;
	display : inline ;
	text-decoration : none;
}


#placement_formulaire_sortie
{
  color:#ffffff;
  position:relative;
  left:210px;
  top:-480px;
  margin: auto;
  width:850px;
  height:300px;  
  z-index:100;
}
#envoyer_demande_sortie
{
  width:291px;
  height:46px;
  margin-left:50px;
  margin-top:80px;
}
 
#envoyer_demande_sortie_txt,a {
	margin-left:10px;
	margin-top:-38px;
	color: #0000fe;
	font: 20px Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0px 1px black;
}
#label_demande_sortie {
	color: #494949;
	font: 20px Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0px 1px black;
	text-align: center;
	width:300px;
}

#formulaire_sortie_nom
{
  background-color:blue;
  width:200px;
  height:100px;
  
}




/* general */

/*-------- structure ---------*/

#content,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#content{
	overflow:hidden;
	width:1366px;
	height:768px;

	position:relative;
	padding:0;
 
}

.section{
	width:7000px;
	position:relative;
/*	background-color:blue;*/
	padding-top:0px;
	height:255px;
	float:left;
}

	.section .sub{
		position:relative;
		float:left;
		padding-top:0px;
		top:-10px;
		left:-36px;
		width:1366px;
		height:768px;

		background-repeat:no-repeat;

	}
		.section .sub p{
		        width:1366px;
			margin:16px 0;
			font-size:85%;
			line-height:1.4em;
		}
		.section .next1,.next2, .section .prev .ornement .ornement2 .ornement3 {
			font-size:18px;
			letter-spacing:-2px;
		}
	
		
		
#first{
	top:484px !important;
	top:498px;			
}
#second{
	top:503px !important;
	top:517px;			
}


img{
	border : none;
}











/*-------- player jquery -----------*/

#structure_placement_carrousel{
	position : absolute;
	top : 149px;
	left : 60px;
}


#slider1 {
    width: 1024px; /* important to be same as image width */
    height: 264px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 1024px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}

ul { list-style-type: none;}



/*---------- contact ----------------*/
#contact_titre{
	position : absolute;
	top : 440px;
	z-index: 1000;
	left : 170px;
}

#mise_en_page_contact{
	position : absolute;
	top : 450px;
	left : 111px;
	width : 986px;
	background-image: url('../images/repeat_central.png');
	background-repeat: repeat-y; 
}
#placement_contact{
	vertical-align: middle; 
	position : relative;
	left :50px;
	min-height : 440px;
	width : 570px;
	z-index : 100;
	text-align : justify;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-width : 2px;
	border-color : #161441;
}



/*Formulaire*/

.contentB, .contentA{
		padding:10px;
		width:570px;/*a changer lorsque l'on veut modifier la taille du surlignement*/
		margin-left : -10px;
}
.left{
	width:210px;
	float:left;
	padding:10px 0px 0px 10px;
	min-height:24px;
	font-family:Arial,Helvetica,sans-serif;
	color:#4f504b;
	font-size : 22px;
	font-weight : 500;

}
.right{
	width:210px;
	float:left;
	padding:5px;
	min-height:24px;
	font-size : 20px;
	font-family:Arial,Helvetica,sans-serif;
	color:#013f70;
	text-decoration : none;
}
.right_{
	width:210px;
	float:right;
	margin-right:-100px;
	padding:5px;
	min-height:24px;
	font-size : 20px;
	font-family:Arial,Helvetica,sans-serif;
	color:#4f504b;
	text-decoration : none;
  
}
.righttextarea{
	width:370px;/*a changer lorsque l'on veut modifier la taille du surlignement*/
	float:left;
	padding:5px;
	min-height:24px;
}
.clear{
	float:none;
	clear:both;
	height:0px;
}
.row{
	background-color:none;
	display:block;
	min-height:40px;
}
.text{
	width:190px;
}

.ruler{
	width:400px; border-bottom:dashed 1px #b2b90f;
}
tr:focus{
	background-color:#b2b90f;
}
td{
	vertical-align:top;
}
.over{
	background-color:#d3240a;
}
.out{
	background-color:none;
}

#placement_contact_pied_page{
	position : absolute;
	top : 468px;
	left : 12px;
}

#placement_google{
	margin-top : 300px;
	margin-left : 200px;
	width : 350px;
}

#contact_rappel{
	position : absolute;
	top : 500px;
	left : 20px;
	text-align : right;
}