/****************

   STRUCTURE 

****************/

body { background-image:url('../images/structure/bg.jpg'); background-repeat:no-repeat; background-position:top; background-color:#b3c2cd; font-family: 'Lato', sans-serif; color:#043c60; font-size:14px; }

a, input {  transition: all 0.2s ease-out; }

h1 { color:#043c60; font-weight:normal; font-size:30px; text-transform:uppercase; }
h2 { color:#2caae1; font-weight:normal; font-size:18px; }
h3 { color:#0e71b8; font-weight:bold; font-size:16px; }

hr { border:none; height:0; border-bottom:1px solid #fff; border-top:1px solid #ccc; }

a { text-decoration:underline; color:#0e71b8; }
a:hover { text-decoration:underline; color:#043c60; }

.blanc { color:#fff; }
.bleu_fonce { color:#043858; }
.bleu_ciel { color:#2caae1; }
.orange { color:#fc9322; }


select { font-family: 'Lato', sans-serif; }
.input { border:1px solid #666; color:#043c60; padding:2px; font-family: 'Lato', sans-serif; }
.input_focus { border:1px solid #2caae1 !important; color:#043c60 !important;  }

label.error { color:#F00; font-size:11px; }
input.error { border:1px solid #F00; }

.link 
{ 
 text-decoration:none; 
} 

.bouton {
	
	background: linear-gradient(top left, #63afe7, #74a1c1);
	box-shadow:0px 2px 2px #043c60;
	background-color:#63afe7;
	display:inline-block;
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	padding:4px 20px;
	text-decoration:none;
	border:none;
	
}
.bouton:hover {
	
	background: linear-gradient(top left, #4a95ca, #3e7ca7);
	color:#ffffff;
	background-color:#74a1c1;
	text-decoration:none;
}



#pageWrap { display:block; width:960px; margin:0 auto; position:relative; }
#siteWrap { display:block; width:960px; position:relative; background-image:url('../images/structure/page_bg.jpg'); box-shadow:0px 0px 5px #93a1ac;  }
#pageContent {float:left;  display:block; width:725px; margin-top:45px; position:relative; }
.page_texte { padding:0 20px; }



.page_bloc { display:block; padding:10px; margin:6px 3px; border:1px solid #ccc; background-color:#e8ecee; text-align:justify; }
.page_bloc h2 { color:#0e71b8; font-weight:bold; font-size:16px; }

a.lien_bloc { display:block; padding:10px; margin:5px; border:1px solid #ccc; background-color:#e8ecee; text-align:justify; text-decoration:none; color:#043c60; }
a.lien_bloc h3 { margin:0; padding:0; }
a.lien_bloc:hover { border:1px solid #fff; background-color:#2caae1; color:#043c60;box-shadow:0px 0px 5px #2caae1; }
a.lien_bloc:hover h3 { color:#fff; }


.page_bg_bleu { dislay:block; width:100%; background-color:#bbdaf1; position:relative; }
.page_bg_bleu .wrap { padding:20px; }


.tableau { margin:0; padding:0; border:1px solid #c8d0d6; border-collapse:collapse; text-align:left;box-shadow:0px 0px 5px #c8d0d6; }
.tableau th, .tableau td { padding:5px 20px;}
.tableau th { font-weight:bold; font-size:18px; }
.tableau .col_0 { background-color:#ffffff; }
.tableau .col_1 { background-color:#f3f5f6; color:#0e71b8; }
.tableau .row_0 .col_0 { background-color:#ffffff; }
.tableau .row_1 .col_0 { background-color:#f8f9fa; }
.tableau .row_0 .col_1 { background-color:#f3f5f6; }
.tableau .row_1 .col_1 { background-color:#e8ecee; }




/* HEADER */
#header { display:block; width:960px; height:145px; position:relative; }
a#header_logo { position:absolute; top:30px; left:20px;  }
#header_droite { position:absolute; bottom:10px; right:0; text-transform:uppercase; }
#header_droite h2 { color:#043c60; font-weight:normal; padding:0; margin:0; font-size:20px; }
#header_droite a { text-decoration:none; color:#043c60; }
#header_droite a:hover { text-decoration:underline; color:#2caae1; }



/* MENU HAUT */
#menu_haut { position:absolute; top:0; left:0; }
#menu_haut ul { padding:0; margin:0; list-style-type:none; }
#menu_haut ul li { padding:0; margin:0; float:left; border-right:1px solid #d6d5d3;  border-bottom:1px solid #d6d5d3; position:relative; z-index:998; }
#menu_haut ul li a { display:block; padding:15px 18px 15px 18px;color:#043c60; text-decoration:none; font-size:13px;background-color:#ffffff; }
#menu_haut ul li a span { font-weight:bold; text-transform:uppercase;  }

#menu_haut ul li a:hover { color:#2caae1; background-color:#e8ecee; }
#menu_haut ul li.current a { color:#2caae1; }
#menu_haut ul li.current li a { color:#043c60; }
#menu_haut ul li.current li.current a { color:#2caae1; }
#menu_haut ul li.current .orange { color:#2caae1; }

#menu_haut ul li ul { position:absolute; top:47px; left:-1px; box-shadow:0px 5px 5px #666; }
#menu_haut ul li ul li { display:block; margin:0; padding:0; border:1px solid #d6d5d3; border-top:0; }
#menu_haut ul li ul li a { display:block; background:none; background-color:#ffffff; text-align:left; min-width:200px; height:auto; padding:7px 15px; }


/* PAGE DROITE */
#page_droite { float:right; position:relative; z-index:999; display:block; width:229px; background-image:url('../images/structure/page_droite_bg.jpg'); background-repeat:repeat-y; background-position:left; background-color:#e6e6e5; border-left:1px solid #dbdada; }
#page_droite h3.titre { width:100%; text-align:center; text-transform:uppercase; font-weight:normal; color:#4d4d4d; font-size:15px; margin:0; padding:0; padding-bottom:3px; border-bottom:1px solid #eee; padding-top:5px; }
#page_droite h3.titre_big {padding:12px 0; font-size:15px; border-bottom:1px solid #d0cfcf; }

#page_droite_connexion { display:block; width:100%; height:119px; background-image:url('../images/structure/page_droite_connexion_bg.jpg'); position:relative; }
#page_droite_connexion .input_texte { display:block; width:160px; height:10px; border:1px solid #e2e1e1; color:#9c9b9b; padding:4px 5px; font-size:12px; position:absolute; left:10px; box-shadow:0px 0px 2px #e2e1e1 inset; }
#page_droite_connexion .identifiant {  top:35px; }
#page_droite_connexion .pass { top:58px; }
#page_droite_connexion .submit { display:block; color:#fff; background-color:#9c9b9b; padding:2px 5px; border:none; font-size:12px; text-transform:uppercase; position:absolute; top:58px; right:12px;  }
#page_droite_connexion .submit:hover {background-color:#043c60; }
#page_droite_connexion a.mdp_oublie { position:absolute; top:80px; left:10px; font-size:10px; color:#aeadad; }
#page_droite_connexion a.mdp_oublie:hover { color:#043c60; }
#page_droite_connexion a.inscription { position:absolute; top:98px; left:10px; font-size:12px; color:#0e71b8; text-transform:uppercase; text-decoration:none; }
#page_droite_connexion a.inscription:hover { color:#2caae1; text-decoration:underline; }

a#page_droite_essai { display:block; width:100%; border-top:1px solid #d0cfcf; border-bottom:1px solid #d0cfcf; background-color:#2caae1; text-decoration:none;  }
a#page_droite_essai h3 { display:block; text-align:center; color:#fff;font-size:20px; text-transform:uppercase; padding:5px; margin:0; }
a#page_droite_essai span { display:block; text-align:center; color:#4c4c4c;font-size:12px; margin-bottom:10px; }
a#page_droite_essai:hover { background-color:#fc9322;  }
a#page_droite_essai:hover span { color:#fff;  }

a#page_droite_inscrip { display:block; width:100%; border-top:1px solid #d0cfcf; border-bottom:1px solid #d0cfcf; background-color:#2caae1; text-decoration:none;  }
a#page_droite_inscrip h3 { display:block; text-align:center; color:#fff;font-size:20px; text-transform:uppercase; padding:5px; margin:0; }
a#page_droite_inscrip span { display:block; text-align:center; color:#4c4c4c;font-size:12px; margin-bottom:10px; }
a#page_droite_inscrip:hover { background-color:#fc9322;  }
a#page_droite_inscrip:hover span { color:#fff;  }


#page_droite_reseaux { border-top:1px solid #d0cfcf; border-bottom:1px solid #d0cfcf; padding:10px; box-shadow:0px 0px 5px #d0cfcf inset; }
#page_droite_reseaux h3 { display:block; padding:0; margin:0; text-transform:uppercase; font-weight:normal; color:#4d4d4d; font-size:12px; }

#page_droite_engagements { display:block; width:100%; height:184px;background-image:url('../images/structure/page_droite_engagements_bg.jpg');  background-position:left; position:relative; }
#page_droite_engagements div { position:absolute; width:160px; left:50px; font-size:12px; color:#4a4c4d; }
#page_droite_engagements div.equipe { top:17px; }
#page_droite_engagements div.paiement { top:88px; }
#page_droite_engagements div.sms { top:140px; }



/* FOOTER */
#footer { display:block; width:100%;  background-color:#93a1ac; margin-top:30px; padding:10px 0; padding-bottom:40px; }
#footer_wrap { display:block; width:960px; margin:0 auto; position:relative;color:#fff; text-shadow: #606d77 0px -1px 3px; }
#footer_wrap p { font-size:12px; line-height:18px; padding:0; margin:0; }
#footer_wrap hr { border-bottom:1px solid #acb9c3; border-top:1px solid #77838d; }
#footer_wrap a { color:#fff; font-size:12px; }
#footer_wrap a:hover { text-decoration:none;color:#043c60; }
#footer_wrap ul { padding:0; margin:0; list-style-type:none; }
#footer_wrap li { padding:5px; margin:0; white-space:nowrap; }
#footer_wrap li a { text-transform:uppercase; display:block; }
#footer_wrap li ul { margin-top:3px; }
#footer_wrap li li { padding:2px; }
#footer_wrap li li a { text-transform:none; color:#fff; font-size:11px; display:block; }



/****************

     PAGES 

****************/

/* ACCUEIL */

#home_slider { width:730px; height:300px; position:relative; box-shadow: 0px 1px 2px 0px #93a1ac; }
#home_slider ul.boutons { width:200px; height:100%; background-image:url('../images/structure/home_slide_bg.jpg'); list-style-type:none; position:absolute; top:0; left:0; padding:0; margin:0; display:block; box-shadow: 1px 0px 2px 0px #043c60; z-index:9; }
#home_slider ul.boutons li { padding:0; margin:0;  }
#home_slider ul.boutons li a {  text-decoration:none; display:block;width:100%; height:75px; text-align:center; background-image:url('../images/structure/home_slide_btn_bg.png'); background-repeat:repeat-x; background-position:top; }
#home_slider ul.boutons li a h3 { padding:0; margin:0; color:#fff; font-size:15px; text-transform:uppercase; padding:0 10px; font-weight:bold; }
#home_slider ul.boutons li a.current { background:none; background-color:#043c60; }

#home_slider ul.slides { width:530px; list-style-type:none; position:relative;  padding:0; margin:0; margin-left:200px; }
#home_slider ul.slides li { display:block; width:100%; height:300px; position:absolute;  padding:0; margin:0; top:0; left:0; }
#home_slider ul.slides li .bg { display:block; width:100%; height:100%; position:relative; }
#home_slider ul.slides li .bg .texte { padding:0; margin:0; position:absolute; top:20px; left:20px; display:block; line-height:18px; }

#home_slider ul.slides li .bg .bouton { position:absolute;   }

.home_tableau { font-size:16px; color:#7e7e7e; line-height:24px; }
.home_tableau a { color:#7e7e7e; text-decoration:none; }
.home_tableau a:hover { color:#2caae1; text-decoration:underline; }


/* INSCRIPTION */

#conditions_popup { dislay:block; width:100%; height:100%; position:fixed; z-index:9999; top:0; left:0; background-image:url('../images/structure/popup_bg.png'); }
#conditions_popup .wrap { dislay:block; width:800px; height:300px; margin:0 auto; margin-top:150px; background-color:#FFF; padding:20px; border:1px solid #666;  position:relative; box-shadow:0px 0px 10px #666; }
#conditions_popup .overflow { dislay:block; width:100%; height:100%; overflow-y:auto; }
#conditions_popup a.close { position:absolute; top:-30px; right:0; z-index:99999; font-weight:bold; display:block; padding:1px 5px; background-color:#043858; color:#fff; text-decoration:none;box-shadow:0px 0px 10px #666; }
#conditions_popup a.close:hover { background-color:#fff; color:#043858;  }

.page_bg_bleu .iphone { position:absolute; top:-70px; right:50px; }


/* CONNEXION */

.page_bg_bleu .connexion { position:absolute; top:-62px; right:70px; }