<style type="text/css">

.reset {
	
}
/*-------------------------------------------------------------------------- Structure ---------------------------------------------------------------------------*/

/* ----------------- Header --------------*/
.drapeau {
width:30px;
height:20px;
position:absolute;
top:10px;
right:10px;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
}

.drapeau_open {
height:60px;
}

.drapeau a {
background-repeat:no-repeat;
background-position:center center;
width:30px;
height:0px;
visibility:hidden;
clear:both;
height:0px;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease;
}

.drapeau a.select, .drapeau a.affiche {
display:block;
height:20px;
visibility:visible;
}



.drapeau a:hover {
opacity:0.7;
}


.drapeau a.fr {
background-image:url(../images/interface/lang_fr.png);
}
.drapeau a.en {
background-image:url(../images/interface/lang_en.png);
}
.drapeau a.es {
background-image:url(../images/interface/lang_es.png);
}

.remonter {
position:fixed;
bottom:90px;
right:100px;
width:50px;
height:50px;
background-color:#3a3a3a;
z-index:999999999;
background-image:url(../images/interface/fleche.png);
background-position:center center;
background-repeat:no-repeat;
visibility:visible;
opacity:0.5;
-webkit-transition: all 0.9s ease; 
-moz-transition: all 0.9s ease; 
-o-transition: all 0.9s ease; 
}

.remonter:hover {
background-color:#9a9a9a;
}

.invisible_scroll {
right:-100px;
visibility:hidden;
}

.invisible {
display:none;
}

.logo {
	display:block;
	margin:0 auto;
	height:150px;
	width:180px;
	font-size:0px;
	letter-spacing: -100px;
	text-indent:-9999px;
	position:relative;
	background: url(../images/interface/logo.png) no-repeat left top ;
}

.logo:hover {
	opacity:0.7;
}


header, .contenu, footer  {
width:100%;
clear:both;
padding:0 20px;
}

header  {
background:#FFFFFF;
border-bottom:1px solid #dadada;
}

header section  {
height:auto;
background:#FFFFFF;
padding:0px;
max-width:1000px;
}


/*-------------------------- Navigation de base --------------------------*/
nav {
height:50px;
width:auto;
position:absolute;
top:60px;
left:0px;
}

nav span {
float:left;
color:#9a9a9a;
margin:0;
height:40px;
line-height:40px;
}

nav li {
float:left;
list-style:none;
text-align:center;
text-decoration:none;
color:#9a9a9a;
position:relative;
}

nav li a {
text-decoration:none;
color:#9a9a9a;
display:block;
line-height:40px;
padding:0 10px;
font-size:1.2em;
}

nav li a:hover, .nav_select {
border-bottom:5px solid #feed01;
}

.bt_nav {
display:none;
}


#sub_nav1 {
left:0px;
width:120px;
}

#sub_nav2 {
left:-20px;
width:300px;
}

.subnav {
    visibility:hidden;
	opacity:0;
    width: auto;
    height: auto;
    position: absolute;
    top: 40px;
	-webkit-transition: all 0.4s ease; 
	-moz-transition: all 0.4s ease; 
	-o-transition: all 0.4s ease; 
	height:0px;
	z-index:1000000;
	overflow:hidden;
}
nav ul li:hover .subnav {
    visibility:visible;
	opacity:1;
	height:auto;
}

.subnav li {
width:100%;
margin:0;
background:#FFFFFF;
}

ul.subnav li a {
font-size:1rem;
color:#feed01;
}

ul.subnav li a:hover {
background:#9a9a9a;
border:none;
}




/*-------------------------- Navigation coté --------------------------*/
.rubrique {
height:100%;
}

.alpha_sous_menu {
width:100%;
height:100%;
background:#FFFFFF;
opacity:0;
z-index:100;
position:fixed;
visibility:hidden;
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
transition: all 0.5s ease; 
}

.alpha_sous_menu_visible {
visibility:visible;
opacity:0.7;
}

.rubrique img.logo_menu {
display:block;
margin:10px auto 30px auto;
}

.rubrique h2 {
color:#feed01;
margin:0;
font-size:1.2rem;
color:#3a3a3a;
text-indent:15px;
text-transform:uppercase;
}

.sous_menu {
width:300px;
height:100%;
z-index:99999;
position:fixed;
background:#ededed;
opacity:0;
visibility:hidden;
left:-300px;
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
transition: all 0.5s ease; 
}

.sous_menu_visible {
visibility:visible;
opacity:1;
left:0;
}

.sous_menu .rubrique_invisible {
visibility:hidden;
opacity:0;
height:0;
}


.sous_menu .scrolling {
width:100%;
position:relative;
height:95%;
overflow:auto;
}

.sous_menu .scrolling li a {
text-decoration:none;
font-size:1rem;
color:#3a3a3a;
padding:5px 0;
text-indent:15px;
width:100%;
display:block;
}

.sous_menu .scrolling li {
margin-top:30px;
background:none;
}

.sous_menu .scrolling li.sous_nav {
margin-top:0;
background:none;
margin-top: 8px;
    list-style-image: url(../images/interface/puce.png);
    list-style-position: inside;
}

.sous_menu .scrolling li a:hover, .sous_menu .scrolling li.sous_nav a:hover {
color:#feed01;
text-decoration:underline;
}


.sous_menu .scrolling li.sous_nav a {
color:#3a3a3a;
text-indent:30px;
}

.sous_navigation li a {
text-decoration:none;
font-size:1.1rem;
color:#3a3a3a;
padding:0;
text-indent:0;
width:100%;
display:block;
}

.sous_navigation li {
margin-top:20px;
background:none;
}

.sous_navigation li.sous_nav {
background:none;
    margin-top: 8px;
    list-style-image: url(../images/interface/puce.png);
    list-style-position: inside;
}

.sous_navigation li a:hover, .sous_navigation li.sous_nav a:hover {
color:#feed01;
text-decoration:underline;
}


.sous_navigation li.sous_nav a {

}


.sous_navigation li a.class_select {
color:#feed01;
}




/* ----------------- Footer --------------*/
footer  {
background-color:#FFFFFF;
}

footer section  {
text-align:center;
background-image:url(../images/interface/footer.png);
background-position:top 0 center;
background-repeat:no-repeat;
padding-top:40px;
}

footer section p {
font-size:1.2rem;
color:#9a9a9a;
}

footer section li {
display:inline-block;
color:#9a9a9a;
line-height:100px;
font-size:1.2rem;
}

footer section li a {
color:#9a9a9a;
text-align:center;
text-decoration:none;
font-size:1.2rem;
}

footer section ul span {
color:#9a9a9a;
}

footer section li a span {
font-size:1.2rem;
text-transform:lowercase;
}

footer section a {
font-size:1.2rem;
color:#9a9a9a;
}


/* ----------------- Contenu --------------*/
.contenu  {
background:#FFFFFF;
}

section {
max-width:1180px;
min-width:100px;
display:block;
margin:auto;
position:relative;
}

.contenu section {
min-height:150px;
}

.colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6 {
overflow: hidden;
padding:0 20px;
}

.colonne1 .bloc, .colonne2 .bloc, .colonne3 .bloc, .colonne4 .bloc, .colonne5 .bloc, .colonne6 .bloc {
margin-bottom:30px;
overflow: hidden;
}


.colonne1 .bloc {
width:calc(100% - 30px);
}

.colonne2 .bloc {
width:calc(50% - 30px);
}

.colonne3 .bloc {
width:calc(33% - 30px);
}

.colonne3 .bloc:last-child {
width:calc(34% - 30px);
}

.colonne4 .bloc {
width:calc(25% - 30px);
}

.colonne5 .bloc {
width:calc(20% - 30px);
}

.colonne6 .bloc {
width:calc(17% - 30px);
}

.colonne6 .bloc:last-child {
width:calc(15% - 30px);
}

.bloc h2, h2 {
font-size:1.8em;
margin:0;
}

.bloc h3, h3 {
font-size:1.4em;
margin: 14px 0 3px 0;
}

.bloc h4, h4 {
font-size:1em;
margin: 12px 0 1px 0;
}

.bloc {
padding:20px;
margin:0 0 30px 0;
background:none;
float:left;
display:block;
margin:0 15px;
min-height:50px;
}

.bloc_image {
width:calc(100% - 30px);
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
}


/*------------------------ Structure Dynamique --------------------------*/
h2.titre_page {
display:inline-block;
width:100%;
text-align:center;
margin:auto;
font-size:2rem;
margin:20px 0 30px 0;
text-transform:uppercase;
padding:0 10px;
}

.colonne1 .colonne_droite {
background:#CCC;
width:25%;
float:left;
display:block;
margin-bottom:30px;
}

.colonne1 .colonne_gauche {
width:25%;
float:left;
display:block;
margin-bottom:30px;
}


.colonne1 .colonne_gauche .bloc_nav_gauche {
background: #ededed;
    border: 1px solid #dadada;
    padding: 20px;
    margin:20px 0;
}

.colonne1 .colonne_gauche .bloc_nav_gauche h2 {
font-size:1.3rem;
text-transform:uppercase;
color:#feed01;
margin-bottom:0;
}

.colonne1 .colonne_contenu {
background:#FFFFFF;
width:50%;
float:left;
display:block;
margin-bottom:30px;
}

.colonne_contenu .bloc_album_photo {
padding: 20px;
}

.colonne_contenu a.album_photo {
width:calc(20% - 20px);
height:80px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
display:block;
float:left;
margin:0 10px 20px 10px;
}

.colonne1 .bloc {
margin:0 15px 0 15px;
width:calc(100% - 30px);
clear:both;
padding-bottom: 0;
padding-top: 0;
}

.colonne1 .bloc p {
text-align:justify;
}

.colonne1 .bloc p a {
color:#feed01;
}

.colonne1 .bloc p a:hover {
text-decoration:none;
}

.colonne1 .colonne_contenu .bloc li {
line-height:25px;
display : list-item;
list-style-image : url(../images/interface/puce.png);
list-style-position:inside;
}


.colonne1 .bloc_visuel {
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
background-color:transparent;
min-height:10px;
padding:0;
margin-bottom: 30px;
}

.colonne1 .bloc_visuel img {
width:auto;
opacity:0;
max-width:643px;
clear:both;	
}


.colonne1 p.visuel_legende {
text-align:center;
clear:both;	
color:#9a9a9a;
font-size:0.9rem;
font-style:italic;
margin-bottom:40px;
}

.colonne1 .bloc_document  {
background:#ededed;
padding-bottom:10px;
margin-bottom:20px;
}

.colonne1 .bloc_document a {
color:#feed01;
}

.tableau {
width:100%;
height:auto;
border-top:1px solid #dadada;
border-left:1px solid #dadada;
border-bottom:1px solid #dadada;
overflow: hidden; 
margin-bottom:20px;
}

.tableau .cellule {
float:left;
display:block;
height:25px;
line-height:25px;
text-indent:5px;
border-right:1px solid #dadada;
overflow:hidden;
padding-right:5px;
}

.tableau .titre {
font-weight:bold;
height:30px;
background:#feed01;
line-height:30px;
color:#FFFFFF;
}

.bloc a.lire_suite {
color:#feed01;
display:block;
}

.bloc a.lire_suite:hover {
text-decoration:none;
}

/*-------------------------- Element Spécifique --------------------------*/


/*-------------------------- BLOC SLIDE ACTU --------------------------*/
.colonne2 .bloc_article {
background:#ededed;
position:relative;
z-index:99999;
width:300px;
height:500px;
}


.bloc_article a.bt_actu {
width:50px;
height:50px;
line-height:50px;
color:#FFFFFF;
background-color:#feed01;
text-align:center;
position:absolute;
bottom:20px;
left:230px;
text-decoration:none;
font-size:2.2rem;
}
.bloc_article .bt_actu:hover {
background-color:#9a9a9a;
}



.bloc_article a.fleche_actu {
width:40px;
height:30px;
line-height:30px;
color:#FFFFFF;
background-color:#feed01;
text-align:center;
text-decoration:none;
font-size:1.7rem;
margin-right:5px;
position:absolute;
left:70px;
bottom:20px;
}

.bloc_article a.fleche_actu_gauche {
left:20px;
}


.bloc_article a.fleche_actu:hover {
background-color:#9a9a9a;
}


.bloc_slide  {
overflow:hidden;
padding:0;
}


.bloc_slide ul {
height:450px;
position:relative;
}

.bloc_slide ul li {
float:left;
width:300px;
padding:20px;
height:500px;
position:relative;
}

.bloc_article .bloc_image {
height:200px;
width:calc(100% - 30px);
}


.bloc_article h2 {
color:#feed01;
text-transform:uppercase;
margin:0 0 20px 0;
font-weight:bold;
font-size:1.3rem;
}

.bloc_article p {
color:#9a9a9a;
text-align:justify;

}

/*-------------------------- FIN BLOC SLIDE ACTU --------------------------*/



/*-------------------------- Bloc Home 1 --------------------------*/
.contenu_home_1 {
background:#ededed;
}

.contenu_home_1 section {
max-width:920px;
max-height:600px;
}

.contenu_home_1 section h2 {
color:#9a9a9a;
padding:20px 0;
width:70%;
	margin:auto;
	text-align:center;
}

.contenu_home_1 .colonne1 {
padding:0;
}

.contenu_home_1 .colonne1 .bloc {
margin:0;
width:100%;
}

.contenu_home_1 section p {
	font-size:1.1rem;
	width:70%;
	margin:auto;
	padding-bottom:20px;
}

.contenu.contenu_home_2.activite h2 {
	width:70%;
	margin:20px auto;
}	

.contenu.contenu_home_2.activite p {
	width:70%;
	margin:20px auto;
	line-height:24px;	
}

.contenu.contenu_home_2.activite a {
	text-decoration:underline;
	color:#3a3a3a;
	font-size:1.2rem;
}

/*-------------------------- Bloc Home 2 --------------------------*/
.contenu_home_2  {
padding:20px 0 40px 0;
background:#dadada;
text-align:center;
border-top:1px solid #9a9a9a;
}

.contenu_home_2 h2 {
text-transform:uppercase;
margin-bottom:20px;
font-size:1.9rem;
}

.contenu_home_2 h2.real {
margin-top:50px;
}

.contenu_home_2 p {
font-size:1.2rem;
font-weight:bold;
}

.contenu_home_2 .colonne4 {
background:#dadada;
padding:20px;
}


.contenu_home_2 .colonne4 .picto {

background-position:top 10px center;
background-repeat:no-repeat;
height:200px;
padding:120px 0 0 0;
margin-bottom:20px;
}

.contenu_home_2 .colonne4 .picto h2 {
color:#01588e;
text-transform:none;
}


.bt_plus {
float:right;
background:#feed01;
color:#FFFFFF;
text-align:center;
display:block;
text-decoration:none;
padding:5px;
width:auto;
font-size:1.3em;
}

.bt_plus:hover {
background:#9a9a9a;
}

.colonne1 .bloc_sans_bg {
background:none;
}

#map {
height:500px;
display:block;
}

.bloc iframe {
margin-bottom:20px;
}

.bloc_home_4 .bloc {
min-height:400px;
}

.bloc_home_1 {
min-height:260px;
}



/*-------------------------- Bloc Home 3 --------------------------*/
.contenu_home_3  {
padding:20px 0 40px 0;
background:#ededed;
text-align:center;

}

.contenu_home_3 .colonne1 .logo_partenaire {
background-position:center center;
background-repeat:no-repeat;
width:300px;
height:130px;
margin:40px 20px;
display:inline-block;
background:#ededed;
	background-blend-mode: multiply;
}




.contenu_home_3 .colonne1 .lemoine {
background-image:url(../images/logos/lemoine.jpg);

}

.contenu_home_3 .colonne1 .aco {
background-image:url(../images/logos/aco.png);

}

.contenu_home_3 .colonne1 .painblanc {
background-image:url(../images/logos/painblanc.png);

}

.contenu_home_3 .colonne1 .galli {
background-image:url(../images/logos/groupe.png);

}


.contenu_home_3 .colonne1 .smi {
background-image:url(../images/logos/smi.png);

}


.contenu_home_3 .colonne1 .gallieni {
background-image:url(../images/logos/gallieni.png);

}


/*------------------------------------ PAGE CONTACT -------------------------------------*/
.contact_home_1 section {
	min-height:30px;
	}

.contact_home_1 h2 {
	color:#3a3a3a!important;
	}
	
.contact_home_2 {
	border-bottom: 1px solid #9a9a9a;
	padding:0px;
	background-color:#FFFFFF!important;
	}
.no_ordi {
	    color: #9a9a9a;
    font-size: 1.2rem;
	text-align:center;
	margin:35px 0;
	}
.no_ordi p {
	font-size: 1.2rem;
	padding:0 30px;
	}
.contact_home_3 section {
	min-height:650px;
	}

.contact_home_3 h2 {
	color:#3a3a3a!important;
	}

/*------------------------------------ Carte INTERACTIVE -------------------------------------*/
.carte_interactive {
background-color:#ededed;
position:relative;
}

.carte_interactive img {
display:block;
}

.carte_interactive .point {
background-color:#feed01;
width:6%;
height:9%;
position:absolute;
border-radius:50%;
cursor:pointer;
background-image:url(../images/interface/plus.png);
background-position:center center;
background-repeat:no-repeat;
background-size:70%;
}

.carte_interactive .point .relation {
position:relative;
height:100%;
width:100%;
}

.carte_interactive .point .contenu_point {
visibility:hidden;
opacity:0;
width:auto;
display:inline-block;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
width:0;
height:0;
overflow:hidden;
padding:0;
position:absolute;
}

.carte_interactive .point .droite {
right:0;
}

.carte_interactive .point .gauche {
left:0;
}

.carte_interactive .point .bas {
top:30%;
padding-top:80%;
}

.carte_interactive .point .haut {
bottom:30%;
padding-bottom:80%;
}



.carte_interactive .point:hover {
background-color:#3a3a3a;
}

.carte_interactive .point:hover .contenu_point {
visibility:visible;
width:auto;
height:auto;
overflow:auto;
opacity:1;
}

.carte_interactive .point .contenu_point_click {
visibility:visible;
width:auto;
height:auto;
overflow:auto;
opacity:1;
}

.carte_interactive .point .bloc_interne {
background-color:#feed01;
width:200px;
padding:20px;
}

.carte_interactive .point .bloc_interne h2 {
margin:0 0 5px 0;
padding:0;
color:#9a9a9a;
}

.carte_interactive .point .bloc_interne a.bt_lien {
width:100%;
padding:5px;
color:#FFFFFF;
background-color:#3a3a3a;
text-align:center;
text-transform:uppercase;
text-decoration:none;
display:block;
}

.carte_interactive .point .bloc_interne a.bt_lien:hover {
background-color:#9a9a9a;
}

.carte_interactive #point_1 {
top:30%;
left:30%;
z-index:999999;
}

.carte_interactive #point_2 {
top:65%;
left:65%;
}

.carte_interactive #point_3 {
top:10%;
left:65%;
}

.carte_interactive #point_4 {
top:78%;
left:50%;
}

.carte_interactive #point_5 {
top:20%;
left:20%;
}

/*------------------------------------ Album Photo -------------------------------------*/
.albumphoto h2 {
text-align:center;
margin-bottom:20px;
padding-top:20px;
}

.albumphoto .bloc_album {
float: left;
margin: 0 15px 20px 15px;
position:relative;
width:calc(33.333% - 30px);
}

.albumphoto .bloc_album .bloc_photo {
min-height: 240px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
width:100%;
display:block;
margin-bottom:5px;
}

.albumphoto .bloc_album h2 {
text-transform:uppercase;
width:100%;
color:#9a9a9a;
font-family:'typo1';
font-weight:normal;
margin-bottom:0px;
padding-top:0px;
text-align:left;
font-size:1.2rem;
}

.albumphoto .bloc_album:hover {
opacity:0.7;
cursor:pointer;
}

.albumphoto .retour_albums {
	    background: #ededed;
    color: #3a3a3a;
    line-height: 40px;
    padding: 10px;
    font-size: 1.2rem;
    cursor: pointer;
    margin: 0 0 20px 15px;
    clear: both;
    width: auto;
    display: table;
    text-align: center;
	text-transform:uppercase;
	text-decoration:none;
}

.albumphoto .retour_albums:hover {
	background: #feed01;
}






.formulaire .form_contact {
    width: 50%;
    margin-left: 25%;
    padding: 30px;
}
.formulaire .form_contact label {
	display:block;
	color: #9a9a9a;
    font-size: 1.6rem;
    line-height: 27px;
    font-family: 'typo1';
	position:inherit;
	left:0;
	margin-bottom:10px;
	text-align:center;
}

.formulaire .form_contact textarea, .formulaire .form_contact input  {
    font-size: 1.2rem;
	font-family: 'typo1';
	width:100%;
	height:50px;
}

.formulaire .form_contact textarea	{
	padding:10px;
	height:150px;
}


.formulaire  .bloc_form {
    width: 100%;
    margin-right: 2%;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
    float: left;
	padding-right:5px;
	margin-top:0;
}

.formulaire .bloc_form_grand {
	width:100%;
}	
	
.formulaire .send {
    color: #fff!important;
    background-color: #9a9a9a;
    height: 50px;
    line-height: 50px;
    width: 180px;
    display: block;
    text-align: center;
    margin: auto;
    float: left;
    cursor: pointer;
	border-radius:5px;
	font-size: 1.2rem;
	margin-bottom:20px;	
}

.formulaire .send:hover {
	background-color : #feed01;
}

.message_contact {
	width:100%!important;
	color:#F00;
	text-align:center!important;
	
}




</style>