/*************************** DEFINITION DES POLICES *************************/

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v13/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v13/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v13/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v13/tI4j516nok_GrVf4dhunkg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v13/XNVd6tsqi9wmKNvnh5HNEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v13/2HG_tEPiQ4Z6795cGfdivFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v13/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v13/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v13/AcvTq8Q0lyKKNxRlL28RnxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v13/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@-webkit-keyframes blinker { from { opacity : 1.0; } to { opacity: 0.0; }}

@-webkit-keyframes blinker {  0% { opacity : 1.0; } 50% { opacity : 0.0; } 100% { opacity : 1.0; }}
/***************************** GENERALITES **********************************/

body{ margin: 0 auto; width: 1020px; }
.flotteLeft { float:left;margin:5px; }
.flotteRight { float:right;margin:5px; }

.TexteImage {font-size: 1.2em; font-family: 'lato', Arial, serif; text-align: left; color: black; margin-left:400px;}

h1{  padding-bottom: 10px; font-family: 'lato', Arial, sans-serif; font-weight: 400; color: #8C8D2C; 
	font-size: 12px; margin-left: 0px; }
h2{  padding-bottom: 10px; font-family: 'Lato', Arial, sans-serif; font-weight: 400; 
	font-size: 14px; margin-left: 0px; }
h3{  padding-bottom: 10px; font-family: 'lato', Arial, sans-serif; font-weight: 400; text-shadow: 1px 1px 1px #ffffff; color: #8C8D2C; 
	font-size: 16px; margin-left: 0px; }
h4{  padding-bottom: 10px; font-family: 'Lato', Arial, sans-serif; font-weight: 400; text-shadow: 1px 1px 1px #ffffff; color: #8C8D2C; 
	font-size: 18px; margin-left: 0px; }


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

#content_header{ height: 240px; width: 1020px; margin-top: 20px ;position: relative; font-family: 'Lato', Arial, serif; 
				background-image: url('../images/FondTitre.png')}
		
/****************************** NAVIGATION ***************************/

#menu-container{ width: 1020px; background-color: #333333; position: relative; height: 40px; margin: auto; font-weight:200 }

.normalMenu{ color: #AFAFAF; background-color: #333333; padding: 0px 8px; display: block; }
	
.normalMenu:visited { color: #AFAFAF; background-color: #333333; padding: 0px 8px; display: block; }
	
#menu-container ul{ height:40px; font-family:'Lato', Arial, serif; font-size:1.5em; padding: 0; 
					margin: 0; }

#menu-container ul li{ border-right: 1px solid #999999; display: inline-block ; float:left; height:40px; line-height: 40px; 
					list-style-type:none; overflow:hidden; }
						
#menu-container ul li a:hover{ color: #333333; background-color: #AFAFAF }

#menu-container ul li a, #menu-container ul li a:hover, #menu-container ul li a:visited{ text-decoration:none;}


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

#contenu{ width: 543px;  font-size: 0.8em;}

#contenu #affcolor{position: relative; left: 0px; font-size: 1.2em; font-family: 'Lato', Arial, serif; text-align: left;
			color: black; width: 636px; text-decoration: none; white-space: normal; line-height: 30px;}
			
#contenu ul {position: relative; left: 24px; font-size: 1.2em; font-family: 'Lato', Arial, serif; text-align: left;
			color: black; width: 636px; text-decoration: none; white-space: normal; line-height: 30px;}
	
#contenu p{ position: absolute;  left: 24px; font-size: 1.2em; font-family: 'Lato', Arial, serif; text-align: left;
			color: black; width: 636px; text-decoration: none; white-space: normal; line-height: 30px;}
			
.div1{ position: absolute; top: 240px; left: 0px; font-size: 1.2em; font-family: 'Lato', Arial, serif; text-align: left;
			color: black; width: 636px; height: auto; text-decoration: none; white-space: normal; line-height: 30px;}
	
#entete{ font-family: 'Lato', Arial, serif; font-size: 3.5em; font-weight: normal; padding: 0; color: #333333;
		width: 1020px; position: relative; background-image: url('../images/FondPage.png'); padding-top: 20px;}

#entete span { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 26px; padding-left:20px;}

#generalfond{ background-image: url('../images/FondPage.png'); width: 1020px; margin-top: 0px; margin-right: 0px;
				margin-left: 0px; margin-bottom: 0px; }

#main { width: 1020px; position: relative; background-image: url(../images/FondPage.png); height: 900px;}

#main2 { width: 1020px; position: relative; background-image: url('../images/FondPage.png'); height: 1500px;}

#main3 { width: 1020px; position: relative; background-image: url('../images/FondPage.png'); height: 2000px;}

#main4 {width: 1020px; position: relative; background-image: url('../images/FondPage.png'); height: 1200px;}

#main5 {width: 1020px; position: relative; background-image: url('../images/FondPage.png'); height: 1700px;}
		
#menu{ float:right; margin-right: 20px; margin-top: 40px;}

#case1{ width: 300px; height: 290px; background: url(../images/FondTitre.png); box-shadow: 5px 5px 7px black; border-radius: 10px; }

#case1_Inter{ width: 280px; height: 200px; padding-right: 10px; padding-top: 10px; 	padding-left: 10px;}

#case1_Inter2{ background-color: #000000; height: 30px; font-family: 'Lato', Arial, serif; color: #FFF;
    			text-align: center; line-height: 30px; text-indent: 10px; font-weight: bold}
				
#case2{ width: 300px; height: 40px; border-radius: 10px}
	
#case3{ width: 300px; height: 290px; background: url(../images/FondTitre.png); box-shadow: 5px 5px 7px black;  border-radius: 10px}
	
#case3 p{ font-family: 'Lato', Arial, serif; font-size: 1.2em; color: #216973; text-align: center; padding: 10px 10px;}

#case3 a{ text-decoration: none; color: #0066FF; }

#case4{ width: 300px; height: 290px; padding-top: 20px; }

.div-categoryContainer{
	width: 1000px;
	height: 250px;
	font-family: sans-serif;
	font-size: 1em;
	padding-left: 20px;
}

.picture1{border: none; float: left; margin-bottom: 20px; width: 330px; height: 220 px;}

.picture2{ border: none; float: right; margin-right: 20px; padding-bottom: 40px;}

/**************************** PIED DE PAGE ************************************/

#ligne1{ background-image: url('../images/FondTitre.png'); color: #AFAFAF; height: 40px; line-height: 40px; }
#ligne2{background-color: #333333; color: #AFAFAF; height: 40px; line-height: 40px;}

#ligne1 p{ font-family:'lato', Arial, serif; margin: 0; text-align: center; font-size: 1em; }
#ligne2 p{ font-family:'lato', Arial, serif; margin: 0;font-size: 1em; 	text-align: center; }
	
#ligne1 a{ text-decoration: none; color: #0066FF; border-radius: 5px; padding: 0 5px 0 5px;}

#ligne1 a:hover{ background-color: #333333; border-radius: 5px; }