@charset "utf-8";
/* CSS Document */

html, body{
  height: 100%;
}

.wrapper {max-width: 480px; background-color:#ffffff; height:100%;}

body {background-color:#7ccecc; height:100%; font-family: 'Droid Sans', sans-serif; color:#141414; line-height:18px; font-size:100%;}

.image img {width:100%;}
.imageh { height:100%;}
.imagecontent { padding: 20px 20px 20px 20px;}
.content { font-size:1.5em;}

.content_accueil { padding-bottom:50px; background-color:#ffffff;}
.content_video { padding-bottom:50px; background-color:#ffffff;}
.content_general { font-size:1.0em; background-color:#ffffff; padding-bottom:50px;}
.content_general p{ color:#333333; margin:0 20px 0 20px; padding: 15px 0 0 0; line-height:22px;}
.content_general ul{ color:#333333; margin:15px 20px 0 20px;}

.titre { color:#000000; margin:10px 0 10px 20px;}
.titre2 { color:#000000; font-weight:bold; margin:0 0 0 20px; padding: 20px 0 0 0;}
h1 { font-size:30px; color:#0d6767; margin:30px 0 10px 20px; font-family: "chaparral-pro"; font-weight: 500; line-height:30px;}
h2 { font-size:26px; color:#0d6767; margin:20px 0 0px 20px; font-family: "chaparral-pro"; font-weight: 500; line-height:26px;}
h3 { font-size:26px; color:#0d6767; margin:20px 0 0px 20px; font-family: "chaparral-pro"; font-weight: 500; line-height:26px;}

.h2-title { font-size:30px;}

.font_title { font-size:20px; color:#0d6767; margin:20px 20px 0px 20px; font-family: "chaparral-pro"; font-weight: 400; line-height:20px;}

.rouge {color: #FF0000; margin:20px 20px 0px 20px;}
.bleu {color:#0d6767;}

a.bluelink:link {color: #0d6767; text-decoration:underline;}
a.bluelink:visited {color: #0d6767; text-decoration:underline;}
a.bluelink:hover {color: #0d6767; text-decoration:underline;}
a.bluelink:active {color: #0d6767; text-decoration:underline;}

.lien_retour { margin: 10px 0 10px 0; padding-left:20px; color:#417a97;}
.lien_retour a { font-size:0.9em; color:#417a97;}
.lien_retour a:hover { font-size:0.9em; text-decoration:none; color:#417a97;}
.fil_titre { font-weight:bold; color:#333333; font-size:0.9em;}

input { padding:6px;}

.map { width:90%; padding-left:20px;}

a, a:visited { color: #000000; text-decoration: underline; }
a:hover { text-decoration: underline;}

.header { background-image:url(images/top-bg.jpg); background-repeat:repeat-x; width:100%; height: 48px; padding: 0 0 0 0;}
.header_icons { vertical-align:middle;}


a.header_phone:link {color: #ffffff; text-decoration:none; font-size:25px; font-family: "chaparral-pro"; font-weight: 400; vertical-align:middle;}
a.header_phone:visited {color: #ffffff; text-decoration:none; font-size:25px; font-family: "chaparral-pro"; font-weight: 400; vertical-align:middle;}
a.header_phone:hover {color: #ffffff; text-decoration:none; font-size:25px; font-family: "chaparral-pro"; font-weight: 400; vertical-align:middle;}
a.header_phone:active {color: #ffffff; text-decoration:none; font-size:25px; font-family: "chaparral-pro"; font-weight: 400; vertical-align:middle;}

.accueil_table { width:100%;}
.accueil_table_line { width:100%; border-bottom: 2px solid #d3d1d2; padding:12px 0 7px 25px; background-color:#FFFFFF;}

.accueil_txt { font-size:28px; float:left; padding: 10px 0 0 15px; font-family: "chaparral-pro"; font-weight: 400; color:#0d6767;}
.accueil_img { float:right; padding-right: 15px;}

.video_table { width:100%;}
.video_table_line { width:100%; border-bottom: 2px solid #d3d1d2; padding:10px 0 7px 20px; background-color:#FFFFFF;}

.video_icons { vertical-align:middle;}

.video_retour { padding-top:12px;}

.equipe_content { padding: 20px; overflow: hidden;}
.equipe_img { float:left; width:41%; margin-left:6%}
.equipe_img2 { float:left; width:41%; margin-left:6%; margin-right:6%}

.equipe_txt { font-size:16px; font-family: "chaparral-pro"; font-weight: 400; text-align:center; padding: 10px 0 20px 0;}

a.menu_video:link {color: #072231; text-decoration:none; font-size:1.3em; }
a.menu_video:visited {color: #072231; text-decoration:none; font-size:1.3em;}
a.menu_video:hover {color: #000000; text-decoration:none; font-size:1.3em;}
a.menu_video:active {color: #072231; text-decoration:none; font-size:1.3em;}

.video_telecharge { padding:0 8px 8px 8px;}
.video_telecharge span{ color:#333333; font-size:0.85em;}
.video_telecharge a{ color:#333333; font-size:0.85em; text-decoration:underline;}

.faq_rep { margin: 15px 15px 15px 50px; color:#3f7896;}

.bottom_zone_clic { height:50px; padding: 0 10px 0 10px;}

.menubar_frame { padding:0; margin:0; height:50px; background-color:#111111; background-image:url(images/top-bg.jpg); background-position:center; background-repeat:repeat-x; color:#ffffff; width:100%; text-align:center; font-size:20px;}
.menubar_space { padding: 0 10px 0 20px;}
.menubar_space_home { padding: 0 10px 0 5px;}
.menubar_txt { float:left; padding-top:17px; font-size:24px; font-family: "chaparral-pro"; font-weight: 400; color:#ffffff;}

/* width specific styles */
/* middle screen */
@media screen (max-width:480px) and (orientation: portrait){
	.wrapper {max-width: 480px; min-width:250px; background-color:#ffffff;}
	
	
}

/* smallest screen */
@media screen and (max-width: 360px) and (orientation: portrait) {
	.wrapper {max-width: 360px; min-width:250px; background-color:#ffffff;}
	
	.content {font-size:1.0em;}
	h1 { font-size:26px;}
	h2 { font-size:24px;}
	h3 { font-size:24px;}
	
	.h2-title { font-size:26px;}
	
	.header { height: 35px;}
	.header_icons { vertical-align:middle; width:24px; height:30px;}
	
	.accueil_img_size { width:30px; height:28px;}
	.accueil_txt { font-size:24px; padding: 5px 0 0 0px;}
	.accueil_table_line { padding:12px 0 7px 15px; background-color:#FFFFFF;}
	
	.video_icons { vertical-align:middle; width:25px; height:23px;}
	
	a.menu_video:link {color: #3f7896; text-decoration:none; font-size:0.90em; }
	a.menu_video:visited {color: #3f7896; text-decoration:none; font-size:0.90em;}
	a.menu_video:hover {color: #245168; text-decoration:none; font-size:0.90em;}
	a.menu_video:active {color: #3f7896; text-decoration:none; font-size:0.90em;}
	
	.menubar_frame { font-size:15px;}
	
	.equipe_txt { font-size:14px;}
	
	.menubar_space { padding: 0 5px 0 5px;}
	.menubar_space_home { padding: 0 5px 0 0px;}
	.menubar_txt { float:left; padding-top:18px; font-size:22px;}

	a.header_phone:link {color: #ffffff; text-decoration:none; font-size:18px;}
	a.header_phone:visited {color: #ffffff; text-decoration:none; font-size:18px;}
	a.header_phone:hover {color: #ffffff; text-decoration:none; font-size:18px;}
	a.header_phone:active {color: #ffffff; text-decoration:none; font-size:18px;}

}
@media all and (orientation:landscape){

	.wrapper {max-width: 480px; min-width:250px; background-color:#ffffff;}
	
	
	.video_fullscreen{display:block; position:absolute; top:0; left:0; width:100%;
		height: auto !important; 
   		height: 100%; 
  		min-height: 100%;
		/*background-color:#003261;*/ }
		
	.cacher_landscape {display:none;}
	
}