/* Reset Eric Meyer */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;	
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

/* -============== Internet Explorer fixes ==============- */

input[type=radio], input[type=checkbox] {
	border: none !important;
}

/* -============== Base ==============- */

a {
	text-decoration: none;
}

.Clearer {
	clear: both;
}

hr { 
	display: none;
}

.Hr {
	height: 10px;
}

/* -============== Gi2 Editor ==============- */

#Texte_preview, #TexteSecondaire_preview {
	font-family: Arial, Helvetica, sans-serif;
}
#Texte_preview h1, #Texte_preview .gi2_titre {

}
#Texte_preview h2, #TexteSecondaire_preview h2, #Texte_preview .gi2_soustitre, #TexteSecondaire_preview .gi2_soustitre {

}
#Texte_preview h3, #TexteSecondaire_preview h3 {

}
#Texte_preview a {
	
}
#Texte_preview p, #Texte_preview .gi2_texte, #TexteSecondaire_preview p, #TexteSecondaire_preview .gi2_texte {

}

#Texte_preview ul, #TexteSecondaire_preview ul {
}

#Texte_preview ol, #TexteSecondaire_preview ol {
}

#Texte_preview ul li, #TexteSecondaire_preview ul li  {
	list-style-position: outside;
	list-style-image: url('');
}

/* -============== Layout ==============- */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: url('../interface/background.png');
}

#Wrapper {
    width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	/*padding-bottom: 20px;*/
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 1100px) {
	
	#Wrapper {
		overflow: visible;
	}
}

#LeftFooterTree {
	position: absolute;
	left: -35px;
	bottom: 0;
	z-index: 9999;
	width: 217px;
	height: 218px;
	background: url(../interface/bg-footer-left.png) no-repeat 0 0;
}

#RightFooterTree {
	position: absolute;
	right: -35px;
	bottom: 0;
	z-index: 9999;
	width: 298px;
	height: 220px;
	background: url(../interface/bg-footer-right.png) no-repeat 0 0;
}

/* Header */

#responsive_height_header{
    height: 0;
    overflow: hidden;
    padding: 15px 0 37%;
    position: relative;
    margin-bottom: 20px;
    z-index: 2;
}

#Header {
	width: 100%;
	overflow: hidden;
	z-index: 1;
    background-image:url('../interface/header.png'); 
    background-size: 100% auto;       
    height: 100% !important;
    position: absolute;
}

#LeftTree {
	position: absolute;
	left: -59px;
	bottom: -29px;
	width: 279px;
	height: 320px;
	background: url(../interface/bg-header-left.png) no-repeat 0 0;
}

#RightTree {
	position: absolute;
	right: -46px;
	bottom: 5px;
	width: 109px;
	height: 276px;
	background: url(../interface/bg-header-right.png) no-repeat 0 0;
}

#Logo {
	position: absolute;
	top: 28px;
	left: 27px;
	z-index: 2;
	display: block;
	width: 640px;
	height: 27%;
	background:;
	text-indent: -9999px;
}

@media screen and (min-width: 1100px) {
	
	#Header {
		overflow: visible;
	}
}

#SitewideNavigation {
	float: right;
	margin: 15px 2% 0 0;
}

#SitewideNavigation li {
	float: left;
	margin-left: 13px;
}

#SitewideNavigation li a {
	font-size: 12px;
	color: #fff02a;
}

#SitewideNavigation li a:hover, #SitewideNavigation li a.Active {
	text-decoration: underline;
}

#SitewideNavigation li:first-child {
}

/* Main Menu */

#MainNavigation {

}

#MainNavigation li {
	background-size: 100% 100%;
    display: table;
    float: left;
    height: 34px;
    margin: 0 0 0 2%;
    padding: 8px 2% 0;
    width: 19.5%;
}

#menu1{
    background:#acc94e;
    margin:0 !important;
    
}
#menu2{
    background:#ff8c91;
}
#menu3{
    background:#0dd8f4;
}
#menu4{
    background:#9862cb;
    float: right!important;
}

#MainNavigation li a {
	display: table-cell;
	color: #fff; 
    text-align: center;
    height: 63px;
    vertical-align: middle;
    font-weight: bold;
}

#MainNavigation .Active, #MainNavigation li a:hover{
    color:#eb212e;
}
#MainNavigation #menu4 .Active, #MainNavigation #menu4 a:hover{
    color:#fff02a;
}

/*
#MainNavigation li#Menu973 a {
	width: 149px;
	height: 34px;
	margin-top: 19px;
    background: #cdd62c;
	background: url(../interface/btn-qui-sommes-nous.png) no-repeat 0 0;
	text-indent: -9999px;
}

#MainNavigation li#Menu973 a:hover, #MainNavigation li#Menu973.Active a {
	height: 53px;
	margin-top: 0;
	background-position: 0 -64px;
}

#MainNavigation li#Menu974 a {
	width: 114px;
	height: 34px;
	margin-top: 19px;
    background: #cdd62c;
	background: url(../interface/btn-installation.png) no-repeat 0 0;
	text-indent: -9999px;
}

#MainNavigation li#Menu974 a:hover, #MainNavigation li#Menu974.Active a {
	height: 53px;
	margin-top: 0;
	background-position: 0 -64px;
}

#MainNavigation li#Menu976 a {
	width: 172px;
	height: 34px;
	margin-top: 19px;
    background: #cdd62c;
	background: url(../interface/btn-bottin-ressources.png) no-repeat 0 0;
	text-indent: -9999px;
}

#MainNavigation li#Menu976 a:hover, #MainNavigation li#Menu976.Active a {
	height: 53px;
	margin-top: 0;
	background-position: 0 -64px;
}

#MainNavigation li#Menu974 a:hover, #MainNavigation li#Menu974.Active a {
	height: 53px;
	margin-top: 0;
	background-position: 0 -64px;
}

#MainNavigation li#Menu1048 a {
	width: 138px;
	height: 34px;
	margin-top: 19px;
    background: #cdd62c;
	background: url(../interface/btn-liste-attente.png) no-repeat 0 0;
	text-indent: -9999px;
}

#MainNavigation li#Menu1048 a:hover, #MainNavigation li#Menu1048.Active a {
	height: 53px;
	margin-top: 0;
	background-position: 0 -64px;
}*/

#Content {
	position: relative;
	z-index: 1;
    margin-top: -3%;
    
}

/* -============== Main Column ==============- */

#MainColumn {
	float: left;
	width: 82.2%;
	margin-left: 10px;
	overflow: hidden;
    padding-left: 163px;
}

/* Main Content */

#MainContentWrapper {
	float: left;
	width: 78.3%;
}

#MainContent {  
	padding: 40px 30px 240px;
	background-color: #fff;
    background-image: url('../interface/bas.png');
    background-position: bottom left;
    /*background-size: 100% auto;*/
    background-repeat: no-repeat;
	font-size: 16px;
	line-height: 22px;
	/*min-height: 333px;*/
	overflow: hidden;
    position: relative;
    height: auto;
    min-height: 308px;
}

#MainContent h1, #MainContent .gi2_titre, #MainContent .pageHeading {
	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin-bottom: 2px;
}

#MainContent h2, #MainContent .gi2_soustitre {
	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin-bottom: 2px;
}

#MainContent h3, #MainContent .gi2_texte_bold {
	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin-bottom: 2px;
}

#MainContent p, #MainContent .gi2_texte {
	font-family: Arial, Helvetica, sans-serif;
	
	line-height: 22px;
	color: #000000;
	margin-bottom: 20px;
}

#MainContent a, #MainContent .gi2_lien {
	font-family: Arial, Helvetica, sans-serif;
	
	font-weight: normal;
	line-height: 22px;
	color: #cf7112;
	text-decoration: underline;
}

#MainContent img.ImageGauche {
	float: left;
	margin: 0 10px 5px 0;
	border: 6px solid #b0bf25;
	border-radius: 3px;
}

#MainContent img.ImageDroite {
	float: right;
	margin: 0 0 5px 10px;
	border: 6px solid #b0bf25;
	border-radius: 3px;
}

/* Secondary Content */

#SecondaryContent {
	float: right;
	width: 21%;
    background-image:url('../interface/droite.png') ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    min-height: 594px;
}

#LogInBlock {
    margin: 70px 0 0 0;
	width: 76%;
    height: 137px;
	padding: 62px 12% 38px;
	background-image:url('../interface/canard.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: none;
    text-align: center;
}

#LogInBlock h6 {
	display: block;
	width: 90%;
	height: 29px;
	/*background: url(../interface/bg-login-title.png) no-repeat center 0;*/
	/*text-indent: -9999px;*/
    margin: -17px auto 19px;
	cursor: pointer;
    color:#fff;
    font-weight: bold;
}

#LogInBlock label {
	display: block;
	font-size: 12px;
	margin-bottom: 2px;
    color: #2a3b86;
    font-family: arial;
}

#LogInBlock input {
	width: 90%;
	height: 19px;
	padding: 0 5px;
	margin-bottom: 6px;
	background: #ffffff;
	border: 0;
}

#LogInBlock span {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}
#LogInBlock .gi2_texte_bold {
    color: #eb212e;
}

/* -============== Secondary Column ==============- */

#SecondaryColumn {
	position: absolute;
	width: 165px;
	padding-top: 104px;
    background: url('../interface/acc_gauche.png') no-repeat;
    min-height: 580px;
}

#SecondaryColumnAlt { 
	position: absolute;
	width: 165px;
    min-height: 580px;
	padding-top: 20px;
	background: url('../interface/acc_gauche.png') no-repeat;
    
}

.acceder{
    background: transparent !important; font-weight: bold; color: #2a3b86; font-size: 14px;
}
.acceder:hover{
    cursor: pointer;
}

/* -============== Secondary Navigation ==============- */


#SecondaryNavigation {
    background: rgba(0, 0, 0, 0) url("../interface/cadre_orange.png") no-repeat scroll left top;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 180px;
    padding: 41px 24px 6px 4px;
}

#SecondaryNavigation li {
	line-height: 14px;
	/*background: url(../interface/puce-secondarynavigation.png) no-repeat left 2px;*/
	margin-bottom: 4px;
}

#SecondaryNavigation li a { 
	color: #fff;
    display: inline-block;
    font-size: 14px;
    
    line-height: 14px;
    padding: 3px 0 3px 25px;
}

#SecondaryNavigation li a:hover, #SecondaryNavigation li a.Actif{
    color: #fff02a;
    background: url('../interface/puce.png') no-repeat left 4px;
}

/* -============== Viglob Modules ==============- */

/* Fields styling  */

#MainContent table .main input[type=text], #MainContent table .main input[type=password], #MainContent table .main select, #MainContent .contenueform input[type=text], #MainContent table .main input[name="Cellulaire"] {
	margin: 0 0 10px 0;
}

#MainContent table .main input[type=checkbox], #MainContent table .main input[type=radio] { 

}

#MainContent table .main, #MainContent p.main {
	font-family: Arial, Helvetica, sans-serif !important;	
}

#MainContent table.infoBox .infoBoxContents td img[width="100"], #MainContent table.infoBox .infoBoxContents td img[width="1"] {
	display: none;
}

#MainContent table.infoBox .infoBoxContents, #MainContent table.infoBox { border: none !important;}


.ecommerce_box_text .gi2_texte {  
	margin: 0 !important;
}

.calenEntete{
    background: #cdd62c none repeat scroll 0 0;
    color:#000;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    border: 2px solid #fff;
}

.calendrier{
    background: #f2f7a2;
    border: 2px solid #fff;
}


.clearfix{
    clear: both;
}
/*slider fade entete*/

#cadre_fade {
    background: rgba(0, 0, 0, 0) url("../interface/cadre_image_fade.png") no-repeat scroll 0 0 / 100% auto;
    bottom: 39px;
    height: 44%;
    left: 1px;
    padding: 2% 1.3% 1%;
    position: absolute;
    width: 19.7%;
    z-index: 2;
}

.fade {
    bottom: 40px;
    position: absolute;
    padding: 2% 1.3% 1% 1.3%;
    left: 5px;
    width: 18.5%;
    height: 44%; 
}
.fade img {
    border: 0 none !important;
    width: 105%;
    margin: 0 auto;
    height: auto;
}
.fade div {
    height: 170px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 84%;
    z-index: 1;
}

#link_album_photo{
    background-image: url("../interface/nounours.png");
    background-repeat: no-repeat;
    float: right;
    padding: 100px 34% 33px;
    text-align: center;
    width: 32%;
    margin-top: 75px;
}
#link_album_photo a{
    color:#fff !important;
    font-weight: bold;
}

#PhotoAlbumList li{
    float: left;
    padding: 15px;
}
@media (max-width: 1070px) {
    
    #MainColumn {
        width: 78.9%;
    }
    
    #MainContentWrapper {
        width: 75.3%;
    }
    #SecondaryContent {
        width:24%;
    }
}


@media (max-width: 930px) {
    #SecondaryContent{
        display:none;
        
    }
    #MainContentWrapper {
        width: 96.3%;
    }
    #MainColumn {
        width: 78.9%;
    }
    
}

@media (max-width: 830px) {
    #MainColumn {
        width: 74.9%;
    }
    #MainContentWrapper {
        width: 99%;
    }
}

@media (max-width: 800px) {
    #SecondaryColumn, #SecondaryColumnAlt, .fade, #SitewideNavigation, #cadre_fade{
        display:none;
        position: absolute;
        left: 0;
        top: 106px;
        min-height: auto;
        z-index: 999;
    }
    #Logo{
        width: 30%;
        height: 40%;
    }
    #Header{
        width: 122%;
    }
    #SecondaryNavigation {
        min-height: auto;
    }
    #MainColumn, #MainContentWrapper {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
    }
    
    #SecondaryColumn{
        background: #fc5f20;
        padding-top: 15px;
        top: 162px;
    }
    
    #mobile_smenu_btn {
        position: absolute;
        right: 4px;
        top: 0;
        display: block;
        height: 34px;
        margin: 5px 0;
        text-indent: -9999px;
        width: 40px;
        background: rgba(0, 0, 0, 0) url("../interface/menu-nav_m.png") repeat scroll 0 0;
    }
    #mobile_smenu_btn_top {
        position: absolute;
        right: 4px;
        top: 0;
        display: block;
        height: 34px;
        margin: 5px 0;
        text-indent: -9999px;
        width: 40px;
        background: rgba(0, 0, 0, 0) url("../interface/menu-nav_m.png") repeat scroll 0 0;
        z-index: 5;
    }
    
    #MainContent{
        padding-top: 35px;
    }
    
    #SitewideNavigation li{
        display: block;
        float: none;
    }
    
    #SitewideNavigation{
        background: #3b9e1a none repeat scroll 0 0;
        padding: 15px;
        top:0;
    }
    #SitewideNavigation li a{
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        margin: 6px 0px;
        display: inline-block;
    }
    #SitewideNavigation li a:hover{
        color: #fff02a;
    }
    
    
    #responsive_height_header {
        height: 0;
        margin-bottom: 20px;
        overflow: hidden;
        padding: 0 0 43.8%;
        position: relative;
        z-index: 2;
    }
}
@media (max-width: 625px) {
    #MainNavigation{
        width:100%;
    }
    #MainNavigation li {
        width: 44%;
        margin-bottom: 10px;
    }
    #login_table .ecommerce_box_text{
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        display: block !important;
        padding: 0 !important;
    }
    .resize{
        width: 100% !important;
        height: auto !important;
    }
    #menu1{margin-bottom: 10px !important;}
    #menu2{
        float: right !important;
    }
    #menu3{
        margin: 0 !important;
    }
    
    #SecondaryColumn{
        padding-bottom: 30px;
    }

    
}
.service_garde_reconnu {
        text-align:center; 
        margin-bottom:-25px;
    }