@charset "utf-8";
/* CSS Document */
html
{ 
	height:100%;
	margin: 0;
	padding: 0;
}
body 
{
	width: 100%;
	height: 100%;
	margin: auto; 
}

/* Partie FONT */

@font-face 
{
    font-family: "Ma Fonte";
    src: url('font/Antenna-Regular.otf');
}
@font-face 
{
    font-family: "Ma Fonte";
    font-weight: bold;
    src: url('font/Antenna-Bold.otf');
}

/* Partie LIENS */

a.lien1:link{
color : #ffffff;
text-decoration: none; 
}
a.lien1:visited{
color : #a5c296;
text-decoration: none; 
}
a.lien_blanc:link{
color : #61afb9;
text-decoration: none; 
}
a.lien_blanc:visited{
color : #000000;
text-decoration: none; 
}
a.lien_cap:link{
color : #60817a;
text-decoration: none; 
}
a.lien_cap:visited{
color : #ffffff;
text-decoration: none; 
}

 
/* Partie FORMULAIRE */

input, textarea, select, option 
{
 background-color:#88e2e5;
}
input, select 
{
 padding:5px;
 border:1px solid #88e2e5;
 border-radius:5px;
 width:260px;
 height:20px;
 
 font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
 font-size:15px;
 color:#FFF;
}
textarea
{
 padding:5px;
 border:1px solid #59a1a9;
 border-radius:5px;
 width:260px;
 height:100px;
 
 font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
 font-size:15px;
 color:#FFF;
}
input[type=submit]
{
 width:90px;
 margin-left:-178px;
 border:1px solid #59a1a9;
 border-radius:5px;
 height:25px;
 
 background-color:#88e2e5;
 cursor:pointer;
 font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
 font-size:15px;
 color:#FFF;
 padding-top:1px;
}


/* Partie CORP DU SITE */

.logo_quai
{
	position: absolute;
	max-width:100% !important;
height:auto;
	z-index: 10;
	margin-left: 13%;
	margin-top: 1%;
}

#menu
{
	background-color: rgba(255, 255, 255, 0.7);
	height: 80px;
	width:100%;
	position: fixed;
	z-index: 2;
}
#menu_txt
{
	width:830px;
	height:20px;
	text-align:left;
	margin-top:8px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	font-size:21px;
	color:#FFF;
}
#banner
{
	height:165px;
	padding-top:51px;
	background-color:#83c3c9;
}
#img_banner
{
	margin-left:28.5%;
	width: 754px;
	height: 148px;
	background:url(images/new_logo.jpg)
}
#img_carousel
{

}
#conteneur
{
	height:351px;
	background-color: #009c97;
}
#separation_conteneur
{
	height:23px;
	background-color: #cfeced;
}
#infos
{
	height:366px;
	background:#009c97;
}
#infos_01
{
	height:366px;
	width:354px;
}
#sous_infos_01_A
{
	margin-top:25px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#39464e;
}
#sous_infos_01_B
{
	margin-top:20px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#ffffff;
}
#sous_infos_01_C
{
	padding-left:40px;	
	margin-top:20px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#39464e;
}
#sous_infos_01_D
{
	padding-left:40px;
	margin-top:20px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#39464e;
}
#infos_02
{
	height:366px;
	width:354px;
}
#sous_infos_02_A
{
	margin-top:25px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#39464e;
}
#sous_infos_02_B
{
	margin-top:20px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#ffffff;
}
#sous_infos_02_C
{
	margin-top:4px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#ffffff;
}
#sous_infos_02_D
{
	margin-top:4px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#ffffff;
}
#sous_infos_02_E
{
	margin-top:4px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#ffffff;
}
#sous_infos_02_F
{
	margin-top:4px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#ffffff;
}
#infos_03
{
	height:366px;
	width:354px;
}
#sous_infos_03_A
{
	margin-top:25px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#39464e;
}
#sous_infos_03_B
{
	margin-top:20px;
	width:354px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#ffffff;
}
#footer
{
	height:57px;
	background-color: #cfeced;
}
#footer_txt
{
	width:1009px;
	padding-top:20px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:left;
	font-size:12px;
	color:#009c97;
}

/* Partie CONCEPT */

#concept_conteneur
{
	margin-top:30px;
	width:1009px;
	height:290px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	margin-bottom:15px;
	padding-bottom:15px;
}
#concept_left
{
	width:318px;
	height:290px;
	float:left;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
}
#concept_left_titre
{
	width:318px;
	height:52px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	color:#39464e;
	background-color: #88e2e5;
}
#concept_left_titre_txt
{
	width:318px;
	padding-top:15px;
}
#concept_left_img
{
	width:318px;
	height:238px;
}

#concept_right
{
	width:685px;
	height:650px;
	margin-left:6px;
	float:left;
	background-color:#cfeced;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	font-size:14px;
	text-align:left;
	margin-bottom:35px;
	padding-bottom:35px;
}
#concept_right_2
{
	width:685px;
	height:1070px;
	margin-left:6px;
	float:left;
	background-color:#cfeced;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	font-size:14px;
	text-align:left;
	margin-bottom:35px;
	padding-bottom:35px;
}
#concept_all
{
	width:1009px;
	height:290px;
	float:left;
	background-color:#cfeced;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	font-size:14px;
	text-align:left;
}
#concept_right_txt
{
	width:645px;
	height:400px;
	padding-top:20px;
	padding-left:25px;
}
#concept_all_txt
{
	width:960px;
	height:240px;
	padding-top:20px;
	padding-left:25px;
}
#concept_right_titre
{
	width:645px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	color:#39464e;
	font-size:25px;
	text-align:left;
	border-bottom:2px solid #39464e;
	text-shadow: 1px 1px 1px #99BCB4;
}
#concept_all_titre
{
	width:960px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	color:#60817a;
	font-size:32px;
	text-align:left;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}
#concept_right_soustitre
{
	width:645px;
	height:400px;
	padding-top:20px;
	padding-bottom:15px;
	margin-bottom:15px;
}
#concept_all_soustitre
{
	width:960px;
	padding-top:20px;
}

/* Partie TERRASSE */

#terrasse_right
{
	width:685px;
	height:290px;
	margin-left:6px;
	float:left;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	font-size:14px;
	text-align:left;
}
#terrasse_facebook
{
	width:685px;
	height:350px;
	text-align:left;
	margin-bottom:20px;
	
}


/* Partie EMBARQUER */

#embarquer_right
{
	width:685px;
	height:390px;
	margin-left:6px;
	float:left;
	background-color:#b0ccc6;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	font-size:14px;
	text-align:left;
}
#conteneur_embarquer
{
	height:451px;
	background:url(img/conteneur_embarquer.jpg);
}
#embarquer_right_titre
{
	width:645px;
	font-family: "Ma Fonte", Helvetica, Arial, sans-serif;
	color:#60817a;
	font-size:19px;
	text-align:left;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}

/* Partie ANIMATIONS */



#conteneur_anim_1
{
	height:1590px;
	background:url(img/conteneur_anim.jpg);
}
#conteneur_anim_2
{
	background:#009c97;
}
#conteneur_anim_2.clear
{
	clear: both;
 	height: 0; overflow: hidden; /* Précaution pour IE 7 */
}
#bande_verte
{
	height:4px;
	background:url(img/vert.jpg);
	
}