/* structure */
body{margin:0;padding:0;font-family:arial,helvetica,sans-serif;font-size:12px;line-height:1.6;background-color:#F4F4F4;}
#container{position:relative;width:980px;margin:50px auto 40px;padding:0px;}
#bloc_contenu{position:relative;width:980px;padding:25px 0px;overflow:hidden;}

#container_accueil{position:relative;width:980px;margin:90px auto 60px;padding:0px;}

#bloc_contenu2{position:relative;width:980px;min-height:400px;}
#bloc_central{float:left;position:relative;width:980px;overflow:hidden;}

.acc_bloc_inactif{position:relative;width:300px;height:300px;}
.acc_bloc{position:relative;width:300px;height:300px;cursor:pointer;}
.acc_bloc_titre{margin:30px 0;font-weight:bold;letter-spacing:1px;text-align:center;text-transform:uppercase;color:#FFF;font-size:18px;}
.acc_bloc_desc{padding:30px 20px;text-align:center;font-size:14px;color:#FFF;}
.acc_pos1{float:left;}
.acc_pos2{float:left;margin-left:40px;}
.acc_pos3{float:right;}
.acc_coul_bleu{background-color:#3497DA;}
.acc_coul_vert{background-color:#a0b046;}
.acc_coul_rouge{background-color:#E63A3A;}
.acc_coul_orange{background-color:#f78145;}
.acc_coul_gris{background-color:#999;}
.acc_bloc_img{text-align:center;}
.acc_bloc_img img{height:80px;}
.acc_bloc:hover{opacity:0.6;}
.acc_bloc a{text-decoration:none;color:#FFF;}
.acc_bloc a:hover{text-decoration:none;color:#FFF;}
.acc_separation{height:40px;clear:both;}

/* entete */
#bloc_entete{position:fixed;top:0;left:0;;width:100%;height:58px;z-index:10;}
#bloc_entete1{position:relative;width:100%;height:15px;background-color:#3497DA;}
#bloc_entete2{position:relative;width:100%;height:43px;}
#bloc_entete2_gauche{position:absolute;left:0;top:0;width:50%;height:34px;background-color:#FFF;border-bottom:1px solid #AAA;}
#bloc_entete2_droit{position:absolute;left:50%;top:0;width:50%;height:43px;margin-left:490px;background-color:#3497DA;}
#bloc_entete2_centre{width:980px;height:40px;margin:0 auto;}
#bloc_menu{float:left;width:780px;height:34px;background-color:#FFF;border-bottom:1px solid #AAA;}
#bloc_triangle{float:right;width:0;height:0;border-style:solid;border-width: 0 43px 43px 0;border-color:transparent #3497DA transparent transparent;}
#bloc_nav{float:right;width:200px;height:48px;margin-top:-5px;background-color:#3497DA;}
#bloc_nav_section1{float:left;width:72px;margin-left:20px;font-size:10px;color:#FFF;}
#bloc_nav_section2{float:right;width:72px;margin-right:20px;font-size:10px;}
#bloc_nav_section1 a, #bloc_nav_section2 a{display:block;width:72px;height:23px;padding-top:25px;text-decoration:none;color:#FFF;text-align:center;}
#bloc_nav_section1 a:hover, #bloc_nav_section2 a:hover{color:#F6E21B;}
.nav_contact{background:url(img/icone-contact.png) 0 0 no-repeat;}
.nav_contact:hover{background:url(img/icone-contact.png) -48px 0 no-repeat;}
.nav_deconnexion{background:url(img/icone-deconnexion.png) 0 0 no-repeat;}
.nav_deconnexion:hover{background:url(img/icone-deconnexion.png) -48px 0 no-repeat;}
.nav_compte{background:url(img/icone-compte.png) 0 0 no-repeat;}
.nav_compte:hover{background:url(img/icone-compte.png) -48px 0 no-repeat;}

/* menu principal */
#menu_principal, #menu_principal * {margin:0;padding:0;list-style:none;z-index:1000;font-size:14px;}
#menu_principal {line-height:1.0;}
#menu_principal ul li {width:100%;}
#menu_principal li:hover {visibility:inherit;}
#menu_principal li {float:left;position:relative;}
#menu_principal a, #menu_principal span{display:block;position:relative;}
#menu_principal li:hover ul{left:-1px;z-index:99;top:34px;}

#menu_principal ul {position:absolute;top:-999em;width:147px;}
#menu_principal li{width:146px;text-align:center;letter-spacing:1px;border-left:1px solid #000;}
#menu_principal li.premier{border-left:none;width:146px;}
#menu_principal li a,#menu_principal li a:visited, #menu_principal li span{
height:24px;padding:10px 0px 0;text-align:center;color:#000;text-decoration:none;}


#menu_principal li a:hover,  #menu_principal li span:hover{outline:0;color:#FFF;background-color:#3497DA;}
#menu_principal li.active{outline:0;color:#FFF;background-color:#3497DA;}
#menu_principal li.active span{color:#FFF;}
#menu_principal li a.active{outline:0;color:#FFFFFF;background-color:#3497DA;}

#menu_principal li li.premier{width:147px;padding:0;border:none;border-top:1px solid #FFF;background:url(img/fleche-bas.png) #3497DA center 0 no-repeat;}
#menu_principal li li.premier a, #menu_principal li li.premier span{background:url(img/fleche-bas.png) #3497DA center 0 no-repeat;}
#menu_principal li li{padding:0;border:none;border-top:1px solid #FFF;}
#menu_principal li li a,#menu_principal li li a:visited,
#menu_principal li li span{height:auto;padding:12px 20px 12px 20px;background-color:#3497DA;text-align:center;color:#FFF;border:none;}
#menu_principal li li a:hover{outline:0;color:#FFFFFF;background-color:#0033BB;}
#menu_principal li li a.active{outline:0;color:#FFFFFF;background-color:#0033BB;}



/* titre 1 */
#titre1{position:relative;height:30px;margin-bottom:10px;}
#titre1_separation{position:absolute;left:0;bottom:13px;width:100%;height:0;border-bottom:4px solid #3497DA;}
#titre1_texte{position:absolute;left:20px;padding:0 15px;z-index:2;background-color:;}

/* affichage des messages */
.erreur{margin-bottom:10px;padding:5px 0;text-align:center;background-color:#FD6F61;color:#FFF;border:2px solid #000;}
.ok{margin-bottom:10px;padding:5px 0;text-align:center;background-color:#96E66D;color:#000;border:2px solid #000;}


/* les widget */
#bloc_widget{width:220px;margin-top:10px;overflow:hidden;}

/* pied de page */
#bloc_pied{position:fixed;bottom:0;left:0;width:100%;height:40px;background-color:#3497DA;color:#FFF;z-index:5;}
#bloc_pied_centre{width:980px;height:40px;margin:0 auto;}
#pied_mentions{float:left;padding:10px 0 0 0;}
#pied_menu{float:right;margin:10px 0 0 0;}
#bloc_pied ul{margin:0;padding:0;list-style:none;}
#bloc_pied li{float:left;}
#bloc_pied a, #bloc_pied a:visited{text-decoration:none;color:#FFF;}
#bloc_pied a:hover, #bloc_pied a.active{text-decoration:underline;color:#FFF;}

@media only screen and (max-width: 980px) {
  #container{width:100%;}
  #bloc_contenu{width:100%;}
  #titre1{margin-left:10px; margin-right:10px;}
  #bloc_pied_centre{width:100%;}
  #pied_mentions{padding-left:10px}
  #pied_menu{padding-right:10px}
}


/* les partenaires */
#bloc_partenaire{position:relative;width:920px;padding:10px 30px;background-color:#FFF;color:#000;}

/* divers */
.vide{clear:both;}

/* gestion des pages */
#page_container{height:30px;text-align:center;margin:10px auto 0;border-collapse:collapse;}
#page_container td{height:30px;width:30px;border:1px solid #595959;vertical-align:middle;border:1px solid #595959;padding:0;}
.page_inactif{color:#aaa;}
.page a, .page a:visited{display:table-cell;vertical-align:middle;width:30px;height:30px;text-decoration:none;background-color:#FFFFFF;color:#1E1E1E;}
.page a:hover, .page_select a, .page_select a:visited, .page_select a:hover{display:table-cell;vertical-align:middle;width:30px;height:30px;text-decoration:none;background-color:#1E1E1E;color:#FFF;}

/* les liens */
a, a:visited{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;color:#000;}


/* divers */
h1,h2,h3,h4,h5,h6{color:#3497DA;margin:0 0 15px;font-family:helvetica,arial,sans-serif;}
h1{padding:0 0 0 0px;font-size:22px;line-height:30px;text-transform:uppercase;}
h2{font-size:18px;letter-spacing:1px;}
h3{font-size:14px;}



p{margin:0;}
.gras{font-weight:bold;}


.lien_inscription:hover{opacity:0.7;}


#overlay {
            position: absolute;
            opacity: 0.8;
            top: 0;
            bottom: 0;
            background-color: #3598DC;
            width: 100%;
            height: 100%;
            z-index: -1;
            visibility: hidden;
            /*transition: all 0.5s ease;*/
        }
        #popup {
            position: absolute;
            top: 50%;
            left: 50%;
            background: #fff;
            width: 400px;
            height: 400px;
            margin-left: -200px; /*Half the value of width to center div*/
            margin-top: -200px; /*Half the value of height to center div*/
            z-index: -1;
            visibility: hidden;
			/*border-radius:500px;*/
        }
        #popupclose {
            float: right;
            padding: 10px;
            cursor: pointer;
        }
        .popupcontent {
            padding: 20px;
        }
		.popupcontrols{height:50px;background-color:red;text-align:center;}

		.popupident{width:300px;height:40px;margin:20px 30px;}
		.popuppass{width:300px;height:40px;margin:30px 30px;}
		.popupidenticone{float:left;width:40px;height:40px;background-color:red;}
		.popupidentchamp{float:left;width:260px;height:40px;background-color:#CCC;overflow:hidden;}
		.popupidentchamp input{width:240px;height:40px;padding:0 10px;border:none;background-color:#AAA;font-size:16px;color:green;}
		.popupidentchamp input::-webkit-input-placeholder{color:#00F;}
		.popupidentchamp input::-moz-placeholder{color:#00F;}


        #button {
            cursor: pointer;
        }
#popup[data-pop="pop-in"] {
  transform: scale(0);
  transition: all .5s ease-in-out;
}
#popup[data-pop="pop-in"].show {
  transform: scale(1);
  visibility: visible;
  z-index: 200;
  opacity: 1;
}
#popup[data-pop="pop-in"].show ~ #overlay {
  opacity: 0.6;
  visibility: visible;
  z-index: 100;
}



/****************************/
/*         WIDGET           */
/****************************/