@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,800);
@import url(https://fonts.googleapis.com/css?family=Parisienne&subset=latin,latin-ext); /* font-family: 'Parisienne', cursive; */
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
/*========================================================
                      Général
=========================================================*/
body {
background: #000;
font-family: 'Open Sans', sans-serif;
padding : 0;
margin : 0;
font-size : 1em;
}

img { 
height: auto;
border : none;
}

h1, h2, h3, h4, h5, h6 {
}

.clear {clear : both;}


/*=======================================================
                        Contenu
=========================================================*/
/* style des info sur les sliders */
.caption_style {
	//background-color:#010101;
	opacity : 0.65;
	//margin : 10%;
	margin-top : 55%;
	color : white;
	padding:0 10px;
}

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

header{
width : 100%;
}

.header .nav {
width: 100%;
background: #000000;
}

.header .nav .menu {
position : relative;
display: block;
max-width : 960px;
margin : 0 auto;
padding : 30px 20px 20px 20px;
text-align : right;
}

.header .nav .menu li {
display: inline-block;
margin : 0 10px;
list-style : none;
border-top : 2px solid #000000;
}


.header .nav .menu a {
display: inline-block;
font-size : 0.9em;
font-weight : 400;
color : white;
text-transform: uppercase;
text-decoration : none;
line-height : 50px; 
}

.header .nav .menu li#select{
border-top : 2px solid #934791;
}

.header .nav .menu #logo {
position : absolute;
top : 20px;
left : 0;
}


.header .nav .menu #logo img{
height : 140px;
vertical-align: top;
margin-right : 20px;
margin-left : -70px;
}


.header .nav .menu #logo span{
color : white;
font-size : 36pt;
display : inline-block;
padding-top : 30px;
}

.header .nav .menu #logo table td{
text-align : left;
line-height : 100%;
}

.header .nav .menu #logo table td#concept{
color : white;
font-size : 22pt;
vertical-align : top;
padding-bottom : 40px;
}

@media all and (max-width: 1199px){
	.header .nav .menu #logo img{
	height : 80px;
	vertical-align: top;
	margin-right : 20px;
	margin-left : 20px;
	}
	
	.header .nav .menu #logo span{
	font-size : 24pt;
	}
	
		.header .nav .menu #logo table td#concept{
	font-size : 16pt;
	}
	
	.header .nav .menu {	
	padding : 50px 20px 40px 20px;
	padding-left : 240px;
	}
	
	.header .nav .menu li {	
	font-size : 2em;
	}
}


/*========================================================
                         SECTION
=========================================================*/
@media all and (max-width: 999px){
	.principal {
	background : white;
	background-image : none;
	}
}

@media all and (min-width: 1000px) {
	.principal {
	background : url(../images/bande_h.svg) top right no-repeat, url(../images/bande_b.svg) bottom left no-repeat, url(../images/bgwhite.png) center center repeat-y, white url(../images/bgillustration.jpg) center center no-repeat;
	background-size :120%, 120%, 1000px, cover;
	}	
}

#conteneur {
max-width : 960px;
margin : 0px auto;
min-height : 700px;
padding : 25px 20px 40px 20px;
}

#conteneur  h1{
width : 100%;
text-align : right;
font-weight : normal;
font-size : 24pt;
color : #333;
}

#conteneur  h2{
width : 100%;
text-align : right;
font-weight : normal;
font-size : 18pt;
color : #40155f;
}

#conteneur  p{
text-align : justify;
color : #555;
}

#conteneur cite{
padding-top : 25px;
color : #40155f;
font-family: 'Parisienne', cursive;
font-size : 22pt;
text-align : right;
width :98%;
display : inline-block;
}

/*==============    Rubrique  accueil    ================*/

#accueil p{
padding-top : 50px;
}

aside{
margin-top : 50px;
}

aside a.box{
display : inline-block;
width : 24%;
height : 120px;
margin-right: 0.5%;
margin-bottom : 50px;
cursor: default;
}

aside a.box:hover{
opacity : 0.65;
transition:opacity 0.5s linear;
}

aside a.box:nth-child(1){
background : url(../images/box1.jpg) center center no-repeat;
background-size : cover;
}

aside a.box:nth-child(2){
background : url(../images/box2.jpg) center center no-repeat;
background-size : cover;
}

aside a.box:nth-child(3){
background : url(../images/box4.jpg) center center no-repeat;
background-size : cover;
}

aside a.box:last-child{
margin-right: 0%;
background : url(../images/box3.jpg) center center no-repeat;
background-size : cover;
}
aside a.box.youtube{
background : url(../images/box2_youtube.jpg) center center no-repeat;
background-size : cover;
cursor: pointer !important;
}

/*==============     Autres rubriques    ================*/

#mentions{}

#mentions h3{
margin : 0;
padding : 20px 0 10px 0;
font-size : 14pt;
color : #40155f;
}

/*==============    Rubrique  contact    ================*/

#contact #coordonnees{
float : right; 
width : 30%; 
margin-top : 20px;
}

iframe {float : left;}	

@media all and (max-width: 629px){
#contact #coordonnees{
width : 96%;
}
iframe {display : none;}	
}

/*========================================================
                     FOOTER
=========================================================*/
footer {
width : 100%;
background: #000000;
color : white;
padding-bottom: 25px;
}

footer a{
color : white;
text-decoration : none;
}

footer ul{
max-width : 500px;
float : left;
padding : 0;
margin : 0;
margin-top : 16px;
}

footer ul li{
float : left;
list-style : none;
padding : 5px;
}

footer ul li img{
height : 16px;
}

footer #coordonnees{
max-width : 960px;
margin : 0 auto;
padding : 20px;
text-align : right;
}

footer .fa{
font-size : 32pt;
margin-right : 20px;
}

footer form{
}

footer input{
padding : 10px 25px;
border : none;
font-size : 1.1em;
color : #595959;
font-weight : normal;
font-family: 'Open Sans', sans-serif;
}

footer input[type="submit"]{
text-transform : uppercase;
}

footer #newsletter{
margin-bottom : 10px;
}

footer #newsletter p{
float : right;
width : 500px;
font-size : 0.9em;
color : #fff;
margin-top : 0;
}

footer #postal p{
float : right;
font-size : 1em;
color : #fff;
}

footer #postal p a{
color : #fff;
}

footer #postal p .fa{
font-size : 24pt;
margin-left : 20px;
margin-right : 10px;
}

footer input[type="text"]{
width : 280px;
}

footer input[type="submit"]{
cursor : pointer;
}

footer #pied{
max-width : 960px;
margin : 25px auto 0 auto;
padding : 40px 20px;
font-size : 0.75em;
}

footer #pied, footer #pied a{
color : #fff;
}