/* TEMPLATE.CSS
 * 
 * contient tous les éléments necessaires à la création du site.
 * 
 */
 
 /*============ INTRO ============*/
 
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
 
#back_intro
{
	position:absolute;
	z-index:2;
	top:100px;
	left:0;
	width:100%;
	height:255px;
	
	float:left;
	/*background-image:url(../../images/interface/opaque2.png);*/
	background-repeat:repeat;
	}
	
 #total_intro
{
	position:relative;
	width:100%;
	height:100%;
	}
#logo_intro
{
	position:relative;
	float:left;
	z-index:3;
		}	
 .diaporama_intro
{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0
}

#nav_intro{
	position:relative;
	z-index:4;
	width:950px;
	height:200px;
	overflow:hidden;
	background-color:#e6e6e6;
}
.back_intro1
{
	position:relative;
	background-image:url(../../images/interface/back_intro1.gif);
	background-repeat:no-repeat;
	}

.back_intro2
{
	position:relative;
	background-image:url(../../images/interface/back_intro2.gif);
	background-repeat:no-repeat;
	}	

.back_intro3
{
	position:relative;
	background-image:url(../../images/interface/back_intro3.gif);
	background-repeat:no-repeat;
	}	
.back_intro4
{
	position:relative;
	background-image:url(../../images/interface/back_intro4.gif);
	background-repeat:no-repeat;
	}	
.back_intro5
{
	position:relative;
	background-image:url(../../images/interface/back_intro5.gif);
	background-repeat:no-repeat;
	}	
.back_intro6
{
	position:relative;
	background-image:url(../../images/interface/back_intro6.gif);
	background-repeat:no-repeat;
	}	



	
.conteneur_menu, .conteneur_menu:link, .conteneur_menu:visited, .conteneur_menu:hover{
	text-decoration:none;
}

.conteneur_menu > img{
	z-index:1;
}

.conteneur_menu > span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:50%;
	text-align:left;
	padding:10px 10px 10px 10px;
	z-index:2;
	
	font-family:arial, Arial, sans-serif;
	text-transform:uppercase;
	font-size:18px;
	color:#000;
	background-color:#ed6c13;
	text-decoration:none!important;
	
}

.conteneur_menu:hover > span{
	color:#ffffff;
}

 
/*============ ELEMENTS PRINCIPAUX ============*/
 body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #797e81;
	
	background-image:url(../../images/interface/deg_back.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-attachment:fixed;
}

		
#total_site
{
	position:relative;
	width:100%;
	min-height:100%;
	/*background-image:url(../../images/interface/back.jpg);*/
	background:#ffffff;
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	}

.centrage {position:relative;width:980px;margin-left:auto;margin-right:auto;margin-bottom:15px;}

.transition  > a, .transition > a:link; .transition > a:visited, .transition  > a:hover
{
	-moz-transition-property:all;
	-moz-transition-duration:300ms;
	-moz-transition-timing-function:ease-in;
	   
	-webkit-transition-property:all;
	-webkit-transition-duration:300ms;
	-webkit-transition-timing-function:ease-in;
	   
	transition-property:all;
	transition-duration:300ms;
	transition-timing-function:ease-in;
	}


/*============ HEADER ============*/

#back_header
{
	position:relative;
	z-index:2;
	/*background-image:url(../../images/interface/deg_header.png);*/
	
	background-position:top left;
	background-repeat:repeat-x;
	}
#header
{
	position:relative;
	}
#bt_boutique
{
	position:absolute;
	top:197px;
	right:0px;
	z-index:2;}	
	
#bt_boutique a. a hover{
	background-image:url(../../images/interface/bt_boutique2.gif);

}
#logo
{
	position:relative;
	float:left;
	margin-right:10px;
	}
	
#www
{
	position:absolute;
	/*background:#efedec;*/
	width:777px;
	height:15px;
	top:227px;
	right:0;
	
	}

/*============ DIAPORAMAS ============*/

.diaporama
{
	position:relative;
	float:left;
	width:772px;
	height:197px;
	overflow:hidden;
}

#jgo_dda_diaporama_2_0{
	left:0px;
	
	}
	
.image-accueil{
	background-image:url(../../images/interface/accueil.jpg);
	width:980px;
	height:356px;
	margin-top:15px;
}

/*============ NAVIGATION  MENU H1============*/
#menu_h1
{
	/*background-color:#EFEDEC;*/
	margin-top:8px;
	float:left;
	width:100%;
	margin-left:551px;
	}	
.bt_menuh1
{
	float:left;
	}	
.bt_menuh1 > a, .bt_menuh1 > a:visited, .bt_menuh1 > a:link
{
	position:relative;
	font-family: arial, sans-serif;
	text-transform:uppercase;
	text-align:center;
	
	font-size:15px;
	color:#786e64;
	padding:3px 12px;
	display:block;
}
.bt_menuh1 > a:hover
{
	color:#fa6919;
	
}	
	
/*============ NAVIGATION MENU H2============*/

#nav{
	background-color:#786e64;
	height:30px;
	}
.menu_bt
{
	position:relative;
	float:left;
	margin-right:2px;
	margin-top:8px;
}

.menu_bt > a, .menu_bt > a:visited, .menu_bt > a:link
{
	position:relative;
	font-family: arial, sans-serif;
	text-transform:uppercase;
	
	font-size:13px;
	color:#ffffff;
	/*background-color:#FFF;*/
	/*padding:1px 6px;*/
	padding:1px 2px;
	margin-left:1px;
}
.menu_bt > a:hover
{
	color:#fa6919;
}
.menu_bt2
{
	position:relative;
	float:left;
	margin-right:2px;
	margin-top:8px;
}
.menu_bt2 > a, .menu_bt2 > a:visited, .menu_bt2 > a:link
{
	position:relative;
	font-family: arial, sans-serif;
	text-transform:uppercase;
	
	font-size:14px;
	color:#ffffff;
	/*background-color:#515151;*/
	padding:1px 1px;
}
.menu_bt2 > a:hover
{
	color:#cad22b;
	/*background-color:#ed6c13;*/
}

.sous_menu
{
	position:relative;
	background-color:#786e64;
	top:23px;
	width:200px;
	font-size:14px;
	z-index:2;
	}
.sous_menu > a, .sous_menu > a:visited, .sous_menu > a:link
{
	color:#ffffff;
	font-family: arial, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	
	padding:2px;
	display:block;
	}
.sous_menu > a:hover
{
	color:#fa6919;
	background-color:#ffffff;
	}



/*============ CONTENU ============*/

#contenu
{
	position:relative;
	z-index:1;}
	
.back_texte2
{
	position:relative;
	float:left;
	/*border:1px solid #786e64;*/
	/*background-image:url(../../images/interface/opaque2.png);*/
	background-repeat:repeat;
	}	
.back_texte1
{
	position:relative;
	float:left;
	border:1px solid #9ea0a0;
	background-image:url(../../images/interface/opaque1.png);
	background-repeat:repeat;
	}	
.back_texte3
{
	position:relative;
	float:left;
	border:1px solid #9ea0a0;
	background-image:url(../../images/interface/opaque3.png);
	background-repeat:repeat;
	}	
.annonce{
	display:block; 
	position:relative; 
	float:left;
	overflow:hidden;
	background-color:#FFF;
}
.col_4 back_texte2 left annonce_4Xl{
	margin-right:20px;
}

.panneau
{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	
	background-color: #fdde00;
	
	padding:3px 8px;
	text-transform:uppercase;
	display:block;
	float:left;
	}

.bt, .bt:link, .bt:visited{
	font-family: Arial, Helvetica, sans-serif;
	color:#786e64;
	background-color:#FFF;
	/*padding:1px 8px;*/
	font-size:15px;
	
	text-transform:uppercase;
	display:block;
	float:left;
	position:relative;
	margin-top:9px;
	margin-right:10px;
	}

.bt:hover{
	
	text-decoration:none;
	color:#fa6919 ;
	}

/*============ TEXTE ============*/
h1, h1 a:link, h1 a:visited {
	font-family: arial, sans-serif;
	color:#fa6919;
	font-size: 19px;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	text-transform:uppercase;
	padding-top:10px;
	}
h1 a:hover{
	color: #786e64;
	text-decoration:none;
}

h2, h2 a:link, h2 a:visited {font-family: arial, sans-serif; font-size: 20px; font-weight:normal; text-transform: uppercase;text-align: left;text-decoration: none;color: #ed6c13;}
h2 a:hover{
	color: #ed6c13;
}

h3, h3 a:link, h3 a:visited {
	font-family: arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;
	font-weight:normal;
	color: #ed6c13;
	float:left;
}
h3 a:hover{
	color: #ed6c13;
	text-decoration:none;
}

h4, h4 a:link, h4 a:visited {
	font-family: arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;
	color: #000;
}
h4 a:hover{
	color: #ed6c13;
}

h5, h5 a:link, h5 a:visited {
	font-family: arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;
	color: #FFF;
}
h5 a:hover{
	color: #ed6c13;
}

h6, h6 a:link, h6 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight:normal;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;
	color: #ed6c13;
	padding-left:10px;
}
h6 a:hover{
	color: #FFF;
	text-decoration:underline;
}


.txt_contenu{
	color:#786e64;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	letter-spacing:1px;
}

.txt_contenu_nuancier{
	color:#786e64;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
}

.texte-accueil{
	width:33%;
	color: #786e64;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: justify;
}

.txt_contenu a, .txt_contenu a:link, .txt_contenu a:visited{color:#786e64;font-size: 12px;}
.txt_contenu a:hover {
	color: #be090c;
	text-decoration:underline;
}
.txt_contenu2{
	color:#000;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	letter-spacing:1px;
}
.txt_contenu2 a, .txt_contenu2 a:link, .txt_contenu2 a:visited{color:#000;font-size: 12px;}
.txt_contenu2 a:hover {
	color: #be090c;
	text-decoration:underline;
}
.txt_prix{
	font-size: 12px;
	color: #000;
	text-align:left;
	background-color:#ed6c13;
}

.txt_ref{
	
	font-size: 12px;
	color: #FFF;
	text-align:left;
	font-style:italic;
}

.txt_legende{
	font-size: 12px;
	color: #FFF;
	text-align:center;
	font-style: italic;
}

.txt_footer, .txt_footer a, .txt_footer a:link, .txt_footer a:visited{
	font-size: 12px;
	color: #FFF;
	text-align:center;
}
.txt_footer a:hover{
	color: #ed1c24;
}	

.liens_site, .liens_site:link, .liens_site:visited
{
	font-family: arial, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	color:#FFF;
	}
.liens_site:hover
{
	color:#fdde00;}


	
 
/*============ PHOTOS ============*/
.bordure {border:1px solid #FFF;}
.accueil .img_medium {width:307px; height:160px; float:left; margin-right:10px;}
.annonce_4Xl .img_medium {width:217px; height:150px; float:right; margin-right:72px;}
.annonce_3Xl .img_medium {width:285px; height:150px;}
.formations .img_medium {width:307px; height:200px;}

.fiche .img_big   {width:465px; height:320px;}
.miniatures .img_small {width:113px; height:90px; float:left; margin-right:8px;}
.pdf .img_small {width:187px; height:90px; float:left; margin-right:8px;}

.annonce_2Xl .img_medium {width:437px; height:250px;}
.col_90 .img_small {width:90px; height:90px;}




	
/*============ PAGINATTION ============*/
.pagination {
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 14px;
	clear: both;

}
.pagination li {
	float: left;
	display:block;
}

.pagination ul {
}
.navigation-pagination {
}

.pagination li a {
	background-image:url(../../images/interface/opaque2.png);
	background-repeat:repeat;
	border:1px solid #9ea0a0;
	font-family:Arial ,Helvetica, sans-serif;
	color:#FFF;
	padding: 3px 5px;
	font-size: 12px;
	margin-left: 5px;
	font-weight: bold;
	display:block;

}
.pagination .active-pagination, .pagination  a:hover {
	border:1px solid #ed6c13;
	color:#ed6c13;

}


	
/*============ FORMULAIRES ============*/

.txt_formulaire{
	color:#FFF;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	line-height:20px;
	text-transform:uppercase;
}
.txt_formulaire a, .txt_formulaire a:link, .txt_formulaire a:visited{color:#FFF;font-size: 14px;line-height: 18px;font-weight: bold;}
.txt_formulaire a:hover {
	color:#be090c;
	text-decoration:none;
}

	/*---- les input ----*/
input[type=text], textarea{
	width:95%;
	border: 1px solid #000;
	background-color: #FFF;
	padding: 3px;
	font-size: 10pt;
	color: #000;
	text-align: left;
	
}

textarea{font-family:Arial;font-size:11px;font-size:11px;}

input:focus, textarea:focus{
	background-color: #FFF;
	color: #000;
	
	-moz-transition-property:all;
	-moz-transition-duration:175ms;
	-moz-transition-timing-function:ease-in;
	   
	-webkit-transition-property:all;
	-webkit-transition-duration:175ms;
	-webkit-transition-timing-function:ease-in;
	   
	transition-property:all;
	transition-duration:175ms;
	transition-timing-function:ease-in;
	}
	
input:hover, textarea:hover
{
	border:1px solid #be090c;
	color:#be090c;
	-moz-transition-property:all;
	-moz-transition-duration:175ms;
	-moz-transition-timing-function:ease-in;
	-webkit-transition-property:all;
	-webkit-transition-duration:175ms;
	-webkit-transition-timing-function:ease-in;
	transition-property:all;
	transition-duration:175ms;
	transition-timing-function:ease-in;
	}




/*============ FOOTER ============*/

	
#footer {
	z-index:2;
	margin-top:-40px;
	background-image:url(../../images/interface/deg_footer.png);
	background-repeat:repeat;
}

.lien_footer {
	width: 49%;
	min-height: 100px;
	font-size: 12px;
	float: left;
	position: relative;
	list-style-type: none;
	margin-top: 10px;
	color:#FFF;
}
.lien_footer a {
	text-decoration:none;
	color:#FFF;
}

.lien_footer a:hover {
	text-decoration: none;
	color:#ed6c13;
}

.lien_footer ul {
	margin-left: 10px;
	margin-right: 10px;
}
.lien_footer li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6d6c6a;
	padding-top: 3px;
	padding-bottom: 3px;
	color:#FFF;
}


/***** SLIDER *****/

.img_slider
{
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
}


.miniature_slider
{
	width:68px;
	height:58px;
	overflow:hidden;
	position:relative;
	float:left;
	margin-top:20px;
	margin-bottom:5px;
	margin-right:5px;
}


.lof-slidecontent{
	position:relative;
	overflow:hidden;
	/*border:#F4F4F4 solid 1px;*/
	width:100%;
	height:300px;
	
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#4d4d4d;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	text-align:center;
	display:none;
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../../../index.html) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:100%;
	z-index:3px;
	overflow:hidden;
}


/*******************************************************/

ul.lof-main-wapper li 
{
	position:relative;	
}


.lof-main-item-desc{
	z-index:100;
	position:absolute;
	bottom:0;
	left:0px;
	width:100%;
	height:105px;
	background:url(../../images/interface/back_slider_content.png);

	/* filter:0.7(opacity:60) */
}

.lof-main-item-desc p{
	color:#FFF;
	margin:0 0px;
	padding:0px 15px ;
	height:52px;
	overflow:hidden;
}

.lof-main-item-desc h3 a{
	color:#ed6c13;	
	/*font-weight:300;*/
	font-size:24px;
	display:block;
	padding:5px 15px ;
}
.lof-main-item-desc h3 a:hover{
	text-decoration:none;
}


/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../../../index.html) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	height:300px;
	width:378x;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:600px;
	float:left;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
	width:600px;
}

li-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
	background:url(../../../index.html);

	/* filter:0.7(opacity:60) */
}
li-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
li-desc h3 a{
	color:#ed6c13;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	font-family: arial, Arial, Helvetica, sans-serif;
}
li-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}

/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
	display:block;
}

.lof-navigator-outer{
	position:absolute;
	right:0;
	top:00px;
	z-index:100;
	height:300px;
	width:310px;
	overflow:hidden;
	color:#FFF
}
.lof-navigator li.active{
	background:url(../../../index.html) no-repeat scroll left center; 
	color:#FFF
}
.lof-navigator li:hover{
	
}


.lof-navigator li h3{
	color:#ed6c13;
	font-size:18px;
	font-weight:500;
	margin:0;
	font-family: arial, Arial, Helvetica, sans-serif;
	font-weight:normal;

}
.bloc_slider{
	background-image:url(../../images/interface/back_slider_out.png);
	color:#FFF;
	height:95px;
	float:left;
	position:relative;
	margin-left:15px;
	padding-left:10px;
	/*border-bottom:1px solid #C9A1A6;*/
	padding-top:5px;
}

.lof-navigator li.active .bloc_slider{
	background-image:url(../../images/interface/back_slider_over.png);
	color:#FCEAD4;
	margin-left:-1px;
	padding-left:26px;
	float:left;

}


.bloc_slider p
{
	margin:0;
	/*padding-bottom:10px;*/
	font-size:11px;
	height:65px;
	color:#FFF;
	overflow:hidden;
}


.lof-navigator li img{
	/*height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;*/
}
.lof-navigator li.active img{
	border:#6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#000;
}

/* nuancier */

.texte-tr{
	color:#786e64;
	font-family:Arial, Helvetica, sans-serif;
}

#login {
    background: none repeat scroll 0 0 rgb(244, 244, 244);
    border-radius: 2px;
    box-shadow: 0 0 1px #9d9d9d, 0 0 2px #fff inset;
    padding: 18px 6% 15px;
    top: 0;
    width: 88%;
}

#login {
    z-index: 22;
}