body{
	background-color:#ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Open Sans', sans-serif;

}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
/*    width:400px;
*/}

/**************************************************** HEADER ***********************************************/

header{
	position:fixed;
	top:0;
	width:100%;
	height:146px;
	background-image: url(../img/fondheader2-1.png);
	background-repeat:repeat-x;
	z-index:100;
}

#container_header{
	position:relative;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	
}

#sur{
	position:inherit;
	color:#039BE5;
	top:4px;
	left:90px;
	font-size:14px;
	font-weight:500;
	height:10px;	
}
#surdate{
	position:inherit;
	top:-6px;
	left:90px;
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	font-weight:200;
}
#surlogo{
	position:absolute;
	height:80px;
    background-color:#039BE5;
}
.logotop{
	width:80px;
}

#surtel{
	position:inherit;
	top:-66px;
	right:0px;
	text-align:right;
	color:#039BE5;
	font-size:14px;
	font-weight:500;
}
a.lien{
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
}
a.lien:hover{
	color:#039BE5;
	font-size:11px;
	text-decoration:none;
}
#surabon{
	position:inherit;
	top:-76px;
	right:0px;
	text-align:right;
	font-weight:400;
}
#surcompte{
	position:inherit;
	top:-70px;
	right:0px;
	text-align:right;
	font-weight:400;
}

/**************************************************** CONTENU ***********************************************/

a{
	color:#1e2026;
	font-size:13px;
	font-weight:400;
	text-decoration:none;
}
a:hover{
	color:#039BE5;
	font-size:13px;
	font-weight:400;
	text-decoration:none;
}

a.lienmenu{
	text-decoration:none;
	color:#cccccc;
    opacity:0.8;
    cursor:pointer;
}
a.lienmenu:hover{
	text-decoration:none;
    color:#0277bd;
    opacity:1;
   
}

#containerglobalimg{
	width:100%;
	background-color:#1e2026;
}

#containerimg{
	position:relative;
	top:4px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#containergalerie{
	position:relative;
	top:0px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#containerglobal{
	width:100%;
	background-color:#ffffff;
}

#container{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
}

#containertxt{
	font-family: 'Open Sans', sans-serif;
    padding-left:52px;
    font-size: 100%;
}


#container.parquatre{
	-webkit-column-count: 4;
	-webkit-column-fill: balance;
	-moz-column-count: 4;
	-moz-column-fill: balance;
	column-count: 4;
	column-fill: balance;
}
#container.partrois{
	-webkit-column-count: 3;
	-webkit-column-fill: balance;
	-moz-column-count: 3;
	-moz-column-fill: balance;
	column-count: 3;
	column-fill: balance;
}
#container.pardeux{
	-webkit-column-count: 2;
	-webkit-column-fill: balance;
	-moz-column-count: 2;
	-moz-column-fill: balance;
	column-count: 2;
	column-fill: balance;
}
#container h1 { 
	-webkit-column-span: all;
	-moz-column-span: all;
	column-span: all;
}
#container h2 { 
	-webkit-column-span: all;
	-moz-column-span: all;
	column-span: all;
    margin-top: 20px;
    margin-bottom: 20px;
}
#container.parquatre h6 { 
	-webkit-column-span: all;
	-moz-column-span: all;
	column-span: all;
}

#container h2.sans { 
	-webkit-column-span: all;
	-moz-column-span: all;
	column-span: all;
    margin-top: 10px;
    margin-bottom: 4px;
}

ul {
list-style:none;
margin-left:0;
padding-left:0;
}
li {
margin-bottom:15px;/* à adapter */
}

#container h5{
color:#000000;
}

#container h3{
color:#cccccc;
font-size:12px;
}



#pictomenu1{
	position:inherit;
	top:-70px;
	float:right;
    opacity:0.8;
	padding-left:4px;
    width:30px;
	cursor:pointer;
}
#pictomenu2{
	position:inherit;
	top:-70px;
	float:right;
    opacity:0.8;
	padding-left:4px;
    width:30px;
	cursor:pointer;
}
#pictomenu3{
	position:inherit;
	top:-70px;
	float:right;
    opacity:0.8;
	padding-left:4px;
    width:30px;
	cursor:pointer;
}
#pictomenu4{
	position:inherit;
	top:-70px;
	float:right;
    opacity:0.8;
	padding-left:4px;
    width:30px;
	cursor:pointer;
}
#pictomenu5{
	position:inherit;
	top:-70px;
	float:right;
    opacity:0.8;
	padding-left:4px;
    width:30px;
	cursor:pointer;
}
#pictomenu6{
	position:inherit;
	top:-70px;
	float:right;
	padding-left:4px;
    width:30px;
	cursor:pointer;
}


strong{
	font-weight:300;
}



/**************************************************** MENU ***********************************************/

nav{
	position:relative;
	left:80px;
	top:-75px;
}
#menu1_on{
	position:absolute;
	width:70px;
	height:30px;
	left:0px;
	top:0px;
	color:#ffffff;
	background-color:#039BE5;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
    z-index:2;
}
#menu1_roll{
	position:absolute;
	width:70px;
	height:30px;
	left:0px;
	top:0px;
	color:#ffffff;
	background-color:#0277bd;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
    z-index:1;
}
#menu1_off{
	position:absolute;
	width:70px;
	height:30px;
	left:0px;
	top:0px;
	color:#ffffff;
	background-color:#01579b;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
}
#sousmenu1_on{
	position:absolute;
    background-color:#ffffff;
	width:300px;
	left:90px;
	top:93px;
}

#menu2_on{
	position:absolute;
	width:60px;
	height:30px;
	left:70px;
	top:0px;
	color:#ffffff;
	background-color:#039BE5;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
    z-index:2;
}
#menu2_roll{
	position:absolute;
	width:60px;
	height:30px;
	left:70px;
	top:0px;
	color:#ffffff;
	background-color:#0277bd;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
    z-index:1;
}
#menu2_off{
	position:absolute;
	width:60px;
	height:30px;
	left:70px;
	top:0px;
	color:#ffffff;
	background-color:#01579b;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
}
#sousmenu2_on{
	position:absolute;
    background-color:#ffffff;
	width:300px;
	left:90px;
	top:93px;
}
#menu3_on{
	position:absolute;
	width:90px;
	height:30px;
	left:130px;
	top:0px;
	color:#ffffff;
	background-color:#039BE5;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
    z-index:2;
}
#menu3_roll{
	position:absolute;
	width:90px;
	height:30px;
	left:130px;
	top:0px;
	color:#ffffff;
	background-color:#0277bd;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
    z-index:1;
}
#menu3_off{
	position:absolute;
	width:90px;
	height:30px;
	left:130px;
	top:0px;
	color:#ffffff;
	background-color:#01579b;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
}
#sousmenu3_on{
	position:absolute;
    background-color:#ffffff;
	width:300px;
	left:90px;
	top:93px;
}
#menu4_on{
	position:absolute;
	width:130px;
	height:30px;
	left:220px;
	top:0px;
	color:#ffffff;
	background-color:#039BE5;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
    z-index:2;
}
#menu4_roll{
	position:absolute;
	width:130px;
	height:30px;
	left:220px;
	top:0px;
	color:#ffffff;
	background-color:#0277bd;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
    z-index:1;
}
#menu4_off{
	position:absolute;
	width:130px;
	height:30px;
	left:220px;
	top:0px;
	color:#ffffff;
	background-color:#01579b;
	font-size:14px;
	font-weight:500;
	text-align: center;
	padding-top:10px;
	cursor:pointer;
}
#sousmenu4_on{
	position:absolute;
    background-color:#ffffff;
	width:300px;
	left:90px;
	top:93px;
}
a.lienmenu{
	color:#1e2026;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	padding-right:20px;
}
a.lienmenu:hover{
	color:#039BE5;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	padding-right:20px;
}
.lienmenuoff{
	color:#039BE5;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	padding-right:20px;
}


/**************************************************** FONT ***********************************************/

h1{
	font-size:28px;
	font-weight:200;
    color:#039BE5}
h2{
	font-size:18px;
	font-weight:200;
    color:#01579b}
h3{
	font-size:20px;
	font-weight:200;
	color:#ffffff;
}

h4{
	font-size:16px;
	font-weight:200;
    color:#039BE5}

h5{
	font-size:14px;
	font-weight:400;
    color:#0277bd}

h6{
	font-size:16px;
	font-weight:200;
	color:#ffffff;
}

#footer_post h1{
	color:#ffffff;
    opacity:0.4;
/*    width:800px;
*/}
#footer_post h4{
	color:#039BE5;
	line-height:20px;
    font-size:20px;
    font-weight:200;
    display: inline;
    }
#footer_post h5{
    font-size:16px;
    font-weight:200;
    display: inline;
}
#footer_post h6{
    font-size:14px;
	color:#ffffff;
    opacity:0.4;
    font-weight:400;
    display: inline;
}
a.lienpost{
	font-size:16px;
	font-weight:200;
	text-decoration:none;
	color:#ffffff;
    opacity:0.8;
}
a.lienpost:hover{
	text-decoration:none;
    color:#0277bd;
    opacity:1;
}

a.lienpost2{
	font-size:18px;
	font-weight:200;
	text-decoration:none;
	color:#0277bd;
    opacity:0.8;
}
a.lienpost2:hover{
	text-decoration:none;
    color:#000000;
    opacity:1;
}

hr {
    background-color: #ffffff;
    color: #ffffff;
    height: 1px;
    padding: 0;
    border: 0;
    opacity:0.2;
}
hr.gris {
    background-color: #bababa;
    color: #bababa;
    height: 1px;
    padding: 0;
    border: 0;
    opacity:0.2;
}

#footer_cantine h1{
	color:#ffffff;
    opacity:0.9;
/*    width:800px;
*/}

#footer_cantine h5{
	color:#ffffff;
    opacity:0.8;
    font-size:16px;
    font-weight:200;
    display: inline;
}
#footer_cantine h4{
	color:#ffffff;
    font-size:18px;
    opacity:1;
    font-weight:200;
    display: inline;
}
#footer_cantine h6{
    font-size:22px;
	color:#1e2026;
    font-weight:300;
    opacity:0.8;
    display: inline;
}

#footer_evenement h1{
	color:#ffffff;
    opacity:0.8;
/*    width:800px;
*/}
#footer_evenement h3{
	color:#039BE5;
	line-height:20px;
    font-size:20px;
    font-weight:200;
    display: inline;
    }
#footer_evenement h5{
	color:#ffffff;
    opacity:0.5;
    font-size:14px;
    font-weight:200;
    display: inline;
}
#footer_evenement h4{
	color:#ffffff;
    font-size:16px;
    opacity:0.8;
    font-weight:200;
    display: inline;
}
#footer_evenement h6{
    font-size:14px;
	color:#1e2026;
    font-weight:300;
    opacity:0.8;
    display: inline;
}


#footer_contact h1{
	color:#ffffff;
    opacity:0.6;
/*    width:800px;
*/}

#footer_contact h4{
	color:#ffffff;
    font-size:16px;
    opacity:0.8;
    font-weight:200;
    display: inline;
}
#footer_contact h5{
	color:#ffffff;
    opacity:0.5;
    font-size:14px;
    font-weight:200;
    display: inline;
}

#footer_contact h6{
    font-size:14px;
	color:#1e2026;
    font-weight:300;
    opacity:0.8;
    display: inline;
}


#footer_recherche h1{
	color:#ffffff;
    opacity:1;
/*    width:800px;
*/}
#footer_prive h1{
    width:1000px;
	color:#ffffff;
    color: #e4e4e4;
    text-align:center;
}
#footer_prive h2{
    width:1000px;
    color:#e6e6e6;
    text-align:center;
}
#footer_prive h3{
    width:1000px;
    color:#eeeeee;
    text-align:center;
}
h6{
	font-size:18px;
	color:#61687b;
	font-weight:200;
}
																
/**************************************************** FOOTER ***********************************************/

.tag{
    color:#ffffff;
	text-transform:lowercase;
	font-size:10px;
	letter-spacing:1px;
	opacity:0.8;
}
.tag2{
    color:#797979;
	text-transform:lowercase;
	font-size:12px;
	letter-spacing:1px;
	opacity:0.8;
}
footer{
	background-color:#000000;
}

#footer_post{
	background-color:#1e2026;
    color:#6d6e71;
}
#container_footer_post{
	position:relative;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#footer_cantine{
	background-color:#039BE5;
    color:#fac4a6;
}
#container_footer_cantine{
	position:relative;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#footer_evenement{
	background-color:#0277bd;
    color:#762c03;
}
#container_footer_evenement{
	/*background-image: url(../img/fond_evenement.png);*/
	position:relative;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

#colonne{
    padding-left:52px;
    padding-right:20px;
}

#colonne1{
    padding-left:52px;
    padding-right:24px;
    width:300px;
    float:left;
}
#colonne2{
    padding-left:52px;
    padding-right:24px;
    width:326px;
    float:left;
}
#colonne3{
    padding-left:40px;
    width:150px;
    float:left;
    padding-top:80px;
}
#colonne4{
    width:300px;
    clear:both;
}

#colonne5titre{
    float:left;
}
#colonne5{
    padding-left:52px;
    padding-right:24px;
    width:400px;
    float:left;
}
#colonne6titre{
    visibility:hidden;
}
#colonne6{
    padding-left:52px;
    padding-right:24px;
    width:400px;
    float:left;
    visibility:hidden;
}

#colonne7{
    width:300px;
    clear:both;
}

#footer_contact{
	background-color:#01579b;
    color:#501e02;
}
#container_footer_contact{
	/*background-image: url(../img/fond_evenement.png);*/
	position:relative;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

#colonne8{
    padding-left:52px;
    padding-right:24px;
    width:290px;
    float:left;
}
#colonne9{
    padding-top:10px;
    padding-left:52px;
    padding-right:24px;
    width:250px;
    float:left;
}
#colonne10{
    padding-left:50px;
    width:200px;
    float:left;
}
#colonne11{
    width:300px;
    clear:both;
}


#footer_recherche{
	background-color:#cfcdcd;
    color:#1e2026;
}
#container_footer_recherche{
	position:relative;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#footer_prive{
	background-color:#ffffff;
    color:#1e2026;
}
#container_footer_prive{
	position:relative;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
.picto{
    vertical-align:-5px;
    padding-right:10px;
    padding-top:10px;
    opacity:0.8;
}
#pictoplus{
    float:right;
    padding-top:10px;
    opacity:0.8;
}
#logo_ec{
    float:right;
    padding-top:10px;
}
#recherche{
	/*margin-left:300px;
	z-index: 8;
	width:600px;
	text-align: left;*/
}
#qiwi{
	font-size:15px;
    color:#eeeeee;
    text-align:center;
}
a.sgqiwi{
    color:#eeeeee;
    text-decoration:none;
	letter-spacing:1px;
}
a.sgqiwi:hover{
    color:#d9d7d7;
    text-decoration:none;
	letter-spacing:1px;
}