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;
}

#box{
	text-align:right;
	width:400px;
}
input[type="submit"],[type="button"] {
    width:100%;
    background: #ffffff;
    text-shadow: 1px 1px 3px #ffffff;
    color: #676767;
    padding: 10px 20px 10px 20px;
    border: solid #c7c7c7 1px;
    text-decoration: none;
    cursor:pointer;
    font: normal 18px/1 'Genericons';
    vertical-align: middle;
    line-height:20px;
    clear:both;
}

input[type="submit"]:hover,[type="button"]:hover {
  background: #f3f3f3;
  background-image: -webkit-linear-gradient(top, #f3f3f3, #d2d2d2);
  background-image: -moz-linear-gradient(top, #f3f3f3, #d2d2d2);
  background-image: -ms-linear-gradient(top, #f3f3f3, #d2d2d2);
  background-image: -o-linear-gradient(top, #f3f3f3, #d2d2d2);
  background-image: linear-gradient(to bottom, #f3f3f3, #d2d2d2);
  text-decoration: none;
}

input[type="text"],[type="password"],[type="tel"],[type="email"]{
  background: #fefefe;
  background-image: -webkit-linear-gradient(top, #ffffff, #fefefe);
  background-image: -moz-linear-gradient(top, #ffffff, #fefefe);
  background-image: -ms-linear-gradient(top, #ffffff, #fefefe);
  background-image: -o-linear-gradient(top, #ffffff, #fefefe);
  background-image: linear-gradient(to bottom, #ffffff, #fefefe);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 6px;
  text-shadow: 1px 1px 3px #ffffff;
  font-family: Arial;
  color: #676767;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  border: solid #c7c7c7 1px;
}

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

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

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

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

#surtel{
	position:inherit;
	top:-66px;
	right:0px;
	text-align:right;
	color:#039BE5;
	font-size:14px;
	font-weight:500;
}
a.lien{
	color:#ffffff;
	font-size:16px;
	text-decoration:none;
}
a.lien:hover{
	color:#039BE5;
	font-size:16px;
	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.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:1000px;
	margin-left:auto;
	margin-right:auto;
}
#containergalerie{
	position:relative;
	top:0px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#containerglobal{
	width:100%;
	background-color:#ffffff;
}

#container{
	width:1000px;
	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:10px;
    width:40px;
	cursor:pointer;
}
#pictomenu2{
	position:inherit;
	top:-70px;
	float:right;
    opacity:0.8;
	padding-left:10px;
    width:40px;
	cursor:pointer;
}
#pictomenu3{
	position:inherit;
	top:-70px;
	float:right;
    opacity:0.8;
	padding-left:10px;
    width:40px;
	cursor:pointer;
}
#pictomenu4{
	position:inherit;
	top:-70px;
	float:right;
    opacity:0.8;
	padding-left:10px;
    width:40px;
	cursor:pointer;
}
#pictomenu5{
	position:inherit;
	top:-70px;
	float:right;
    opacity:0.8;
	padding-left:10px;
    width:40px;
	cursor:pointer;
}
#pictomenu6{
	position:inherit;
	top:-70px;
	float:right;
    width:40px;
}


strong{
	font-weight:300;
}



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

nav{
	position:relative;
	left:130px;
	top:-75px;
}
#menu1_on{
	position:absolute;
	width:100px;
	height:34px;
	left:0px;
	top:0px;
	color:#ffffff;
	background-color:#039BE5;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
    z-index:2;
}
#menu1_roll{
	position:absolute;
	width:100px;
	height:34px;
	left:0px;
	top:0px;
	color:#ffffff;
	background-color:#0277bd;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
    z-index:1;
}
#menu1_off{
	position:absolute;
	width:100px;
	height:34px;
	left:0px;
	top:0px;
	color:#ffffff;
	background-color:#01579b;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
}
#sousmenu1_on{
	position:absolute;
    background-color:#ffffff;
	width:700px;
	left:150px;
	top:104px;
}

#menu2_on{
	position:absolute;
	width:94px;
	height:34px;
	left:100px;
	top:0px;
	color:#ffffff;
	background-color:#039BE5;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
    z-index:2;
}
#menu2_roll{
	position:absolute;
	width:94px;
	height:34px;
	left:100px;
	top:0px;
	color:#ffffff;
	background-color:#0277bd;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
    z-index:1;
}
#menu2_off{
	position:absolute;
	width:94px;
	height:34px;
	left:100px;
	top:0px;
	color:#ffffff;
	background-color:#01579b;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
}
#sousmenu2_on{
	position:absolute;
    background-color:#ffffff;
	width:700px;
	left:150px;
	top:104px;
}
#menu3_on{
	position:absolute;
	width:128px;
	height:34px;
	left:194px;
	top:0px;
	color:#ffffff;
	background-color:#039BE5;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
    z-index:2;
}
#menu3_roll{
	position:absolute;
	width:128px;
	height:34px;
	left:194px;
	top:0px;
	color:#ffffff;
	background-color:#0277bd;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
    z-index:1;
}
#menu3_off{
	position:absolute;
	width:128px;
	height:34px;
	left:194px;
	top:0px;
	color:#ffffff;
	background-color:#01579b;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
}
#sousmenu3_on{
	position:absolute;
    background-color:#ffffff;
	width:700px;
	left:150px;
	top:104px;
}
#menu4_on{
	position:absolute;
	width:176px;
	height:34px;
	left:322px;
	top:0px;
	color:#ffffff;
	background-color:#039BE5;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
    z-index:2;
}
#menu4_roll{
	position:absolute;
	width:176px;
	height:34px;
	left:322px;
	top:0px;
	color:#ffffff;
	background-color:#0277bd;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
    z-index:1;
}
#menu4_off{
	position:absolute;
	width:176px;
	height:34px;
	left:322px;
	top:0px;
	color:#ffffff;
	background-color:#01579b;
	font-size:16px;
	font-weight:500;
	text-align: center;
	padding-top:14px;
	cursor:pointer;
}
#sousmenu4_on{
	position:absolute;
    background-color:#ffffff;
	width:700px;
	left:150px;
	top:104px;
}
a{
	color:#1e2026;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
}
a:hover{
	color:#039BE5;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
}

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:34px;
	font-weight:200;
    color:#039BE5}
h2{
	font-size:22px;
	font-weight:200;
    color:#01579b}
h3{
	font-size:24px;
	font-weight:200;
	color:#ffffff;
}

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

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

h6{
	font-size:24px;
	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;
}

#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:1000px;
	margin-left:auto;
	margin-right:auto;
}
#footer_cantine{
	background-color:#039BE5;
    color:#fac4a6;
}
#container_footer_cantine{
	position:relative;
	width:1000px;
	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:1000px;
	margin-left:auto;
	margin-right:auto;
}

#colonne{
    padding-left:52px;
    width:940px;
}

#colonne1{
    padding-left:52px;
    padding-right:24px;
    width:300px;
    float:left;
}
#colonne2{
    padding-left:20px;
    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;
    width:480px;
}

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

#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:1000px;
	margin-left:auto;
	margin-right:auto;
}

#colonne8{
    padding-left:52px;
    padding-right:24px;
    width:300px;
    float:left;
}
#colonne9{
    padding-left:20px;
    padding-right:24px;
    width:326px;
    float:left;
}
#colonne10{
    padding-left:40px;
    width:200px;
    float:left;
}
#colonne11{
    width:300px;
    clear:both;
}


#footer_recherche{
	background-color:#cfcdcd;
    color:#1e2026;
}
#container_footer_recherche{
	position:relative;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#footer_prive{
	background-color:#ffffff;
    color:#1e2026;
}
#container_footer_prive{
	position:relative;
	width:1000px;
	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;
}