/*************************
******** GENERAL **********
*************************/
html,body {
	height : 93.8%;
}

body {
	padding-top : 60px;
}

.background {
	position : relative;
	width : 1000px;
	min-height : 97%;
	margin:auto;
}

#page {
	width : 100%;
	position : relative;
	min-height : 100%;
	padding-bottom : 15px;
}

body {
	font-family: 'Roboto', sans-serif;
	background-color : #efefef;
	
	background-image :url('../pic/bg.png');
	background-attachment:fixed;
	background-position : right bottom;
	background-repeat : no-repeat;
}

.separateur {
	background-image: url('../pic/separateur.png');
	background-repeat: no-repeat;
	height : 6px;
	width : 200px;
	margin : auto;
	margin-bottom : 10px;
}

h1 {
	color : #193058;
	font-size : 26px;
	line-height: 1em;
	margin-bottom : 5px;
}

h2 {
	color : #193058;
	font-size : 15px;
	line-height : 1.2em;
	margin-bottom : 0px;
	text-decoration : underline;
}

h2 > strong,
h1 > strong {
	font-weight : bold;
}

.right_align {
	text-align : right;
}

.center_align {
	text-align : center;
}

.justify_align {
	text-align : justify;
}


.div_middle {
	width : 900px;
	margin:auto;
}

.cadre {
	background-color : rgb(255,255,255);
	background-color : rgba(255,255,255,0.7);
	padding : 40px;
	padding-top : 30px;
	position : relative;
	left : 20px;
	margin-bottom : 70px;
}

.mid {
	margin-top : 20px;
	margin-bottom : 20px;
}

.cadre_b {
	background-color : rgb(255,255,255);
	background-color : rgba(255,255,255,0.7);
	padding : 40px;
	padding-top : 30px;
	padding-bottom : 20px;
	position : relative;
	left : 20px;
	margin-bottom : 20px;
}

.cadre_b:last-child {
	margin-bottom : 70px;
}
*::-moz-selection {
	background-color : #c53234;
	color : white;
}

*::-webkit-selection {
	background-color : #c53234;
	color : white;
}

*::selection {
	background-color : #c53234;
	color : white;
}

strong{
	font-weight: normal;
}

/*************************
******** HEADER **********
*************************/
#header{
	width : 100%;
}

.hd {
	min-height: 20px;
	padding-left : 10px;
	margin-bottom: 20px;
	background-color: #cccccc;
	background-image : url('../pic/bg_header.png');
	border-bottom: 1px solid #999999;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); 
}

#logo {
	position : relative;
	left : 12px;
	height : 150px;
}

#cadre_logo {
	position : relative;
	width : 224px;
	height : 40px;
	padding-top : 5px;
	background-color : #fcfcfc;
	background-repeat : y-repeat;
}


.position_logo {
	width : 1000px;
}

/*********************
****** FOOTER *********
*********************/
footer {
	bottom: 0px;
	width : 100%;
	height : 60px;
	font-size : 10px;
	line-height: 15px;
	vertical-align: middle;
	color : #828282;
	background-color : white;
	margin-left : -14px;
}

footer a {
	color : #828282;
}

.marge_top {
	margin-top : 24px;
}

#mentions {
	margin-left : 10px;
}

#faq {
	margin-right : -10px;
}
footer p {
	margin-top : 18px;
}

footer a:hover {
	text-decoration : none;
	color : #000000;
}

#sad_logo {
	width : 27px;
	height : 35px;
	margin-right : 13px;
	margin-left : 13px;
	margin-top : -6px;
}

#heltys_logo {
	width : 43px;
	height : 17px;
	margin-right : 10px;
 }
 
 #forum_quali_logo{
	width : 59px;
	height : 35px;
 }
 
 #rdp_logo {
	width : 80px;
 }
 #cdv_logo {
	width : 120px;
 }
 
 .divider {
	margin-right : 20px;
	margin-left : 20px;
}


.footer_position {
	background-color : white;
	bottom : 0px;
}

/*************************
******** MENU ************
*************************/
.separateur_menu {
	height : 1px;
	background-color : #828282;
	width : 225px;
}

.liste_menu {
	width : 220px;
	height : 30px;
	line-height: 30px;
	vertical-align: middle;
	font-variant : small-caps;
}


#current a {
	color : #193058;
	font-weight : bold;
}

.liste_menu a {
	color : #828282;
}
.liste_menu a:hover {
	color : #000000;
}

nav {
	min-width : 250px;
	width : 250px;
	padding-bottom : 20px;
	position : fixed;
}

/*********************
******* ACCUEIL ******
*********************/
#titre_accueil {
	margin-bottom : 8px;
}

.bloc_center {
	width : 480px;
	margin : auto;
}

#video{
	border : none;
	width : 480px;
	height : 350px;
	margin-bottom : 5px;
}

#btn {
	margin-top : 5px;
	margin-bottom : 10px;
	width : 479px;
	padding-left : 0px;
	padding-right : 0px;
}

/*********************
***** FORMULAIRE *****
*********************/
form textarea {
	resize : none;
}

#cp,
#commune ,
#cp_label,
#commune_label{
	margin-top : 5px;
	margin-bottom : 5px;
}

#captcha_secure {
	margin-left : 32.6%;
	margin-bottom : 5px;
}

#secure {
	margin-right : 5px;
	margin-left : 26px;
}

#commentaires {
	margin-bottom : 20px;
}

.left_label {
	margin-right : 10px;
}

#secure2 {
	display : none;
}

.erreur {
	color : red;
	margin-bottom : 20px;
}

/*********************
****** GALERIE *******
*********************/

#myCarousel {
	width : 100%;
	margin-bottom : 20px;
}

.blank_thumb {
	margin-right : 1%;
}

/*********************
****** ABOUT *********
*********************/



/*********************
****** CONTACT *********
*********************/
#img_01,
#img_02,
#img_03,
#img_04 {
	width : 207px;
	height : 115px;
}

#row_va_paris,
#row_dubai_istanbul {
	width : 427px;
	margin-top : 15px;
}

.cadre_contact {
	background-color : rgb(255,255,255);
	background-color : rgba(255,255,255,0.7);
	padding : 40px;
	padding-top : 30px;
	padding-right : 0px;
	padding-left : 0px;
	position : relative;
	left : 20px;
	margin-bottom : 70px;
}

article a,
article a:hover,
article a:focus{
	color : black;
}

#email {
	width : 439px;
	margin : auto;
}

/*********************
****** FAQ *********
*********************/
.accordion-toggle  {
	color : #000000;
}

.accordion-toggle:hover,
.accordion-toggle:focus {
	color : #193058;	
}
/********************* **********
****** MENTIONS LEGALES *********
********************************/
.marque {
	color : #193058;
	font-weight : bold;
}

/*****************************
****** MEDIA QUERIES *********
******************************/
@media all and (max-width: 1000px)
{
	html,body {
		width : 100%;
		min-width : 400px;
		height : 100%;
		
		padding-top : 0px;
	}
	
	body {
		background-image : none;
	}
	
	#page {
		width : 100%;
		min-width : 400px;
	}
	
	.background {
		width : 100%;
		min-width : 400px;
	}
	
	footer {
		width : 100%;
		min-width : 400px;
		height : 100%;
	}
	
	.position_logo {
		width : 100%;
		min-width : 400px;
	}
	
    nav {
		position : relative;
        width: auto;
        text-align: left;
    }
     
    nav li {
        display: block;
		width : auto;
        padding-left: 4px;
    }
     
    nav a {
        font-size: 1.1em;
		width : auto;
		min-width : 500px;
    }
	
	#btn {
		display : inline-block;
		width : 349px;
		margin : auto;
	}
	
	#video {
		display : inline-block;
		width : 350px;
		height : 250px;
		margin : auto;
	}
	
	.right_align {
		text-align : center;
	}
	
	#myCarousel {
		display : none;
	}
}