body
{
		/* background-color:#edeff0; */
		background-color: white;
		margin:0px;
		font-family:"Meiryo","Hiragino Kaku Gothic Pro",sans-serif;
}

h2
{
	font-family: "proxima-nova", "Arial", sans-serif; 
	font-size: 28px;
	color: #6E6E6E;
}

.colorpre
{
	background-color: #909058;
	color: white;
	font-size: 20px;
	padding: 5px 0px 5px 0px;
	text-align:center;
}

.colorcelldiv
{
	background-color: #f0deb1; 
}

.widthFullImage
{
	width: 100%;
}

.titreheader
{
	background-color:#228fba; /* #1c8eb8; */
	padding: 2px 0px 2px 2px;
	margin: 5px 0px 0px 0px;
}

.titreheader h1
{
	font-family: "Lucida Console", Monaco, monospace; 
	font-size: 38px;
	color: #ffffff;
}

.couleurCell
{
	background-color:#c1e3e3;
}

a
{
	color: #013c74;
	text-decoration: none;
}

a:hover
{
	color: #013c74;
	text-decoration: underline;
}

a:visited
{
	color: #013c74;
	text-decoration: none;
}

.currentDay
{
	background-color: #013c74;
	color: #ffffff;
	font-weight: bold;
}

.currentDay a{

	color: #ffffff;
	font-weight: bold;
}

.eventDay
{
	background-color:#ffaf18;
	color: #ffffff;
	font-weight: bold;
}

.news_preview
{
	color: #000000;
}

.news_title
{
	font-weight: bold;
}

.datenews
{
	font-style: italic;
	font-size: 12px;
}

.pagination
{
	font-size: 18px;
}

.alignCenter
{
	text-align:center;
}
.alignTop
{
	vertical-align: top;
}

.alignTopLeft
{
	vertical-align: top;
	text-align: left;
}

.noIdent
{
	margin:0px 0px 0px -40px;
}

#checkemailstay { display: none; }
#checkemail { display: none; }

.bordure { 
	position: fixed; 
	right: 0px; 
	top: 50%; 
	margin: 0px 0 0 0; 
	height: 35px; 
	width: 100px; 
	padding: 0px 0px 0 0px;
	z-index: 9999;
	border:solid 2px #CCCCCC;
	text-align:center;
	color: #013c74;
	background-color: #FFE;
	font-size: 12px;
}

.bordure .standards 
{ 
	clear: both; 
	padding: 0px 0 0 0px; 
	position: relative; 
}

.bordure .standards a 
{ 
	width: 100px; 
	height: 21px; 
	display: block; 
	margin: 0 0 2px 0; 
	border:solid 0px red;
	color:white;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana;
	
}

.bordure .standards .Passed
{ 
	background-color: #55b05a;
}


.bordure .standards .Failed
{ 
	background-color: #d23d24;	
}

.error
{
   weight: 100%;
   color: red;
   font-weight: bold;
   margin: 5px 0px 5px 0px;
   background-color: #ffd1d1;
   text-align: center;

}

.succes
{
   weight: 100%;
   height: 20px;
   color: green;
   font-weight: bold;
   margin: 5px 0px 5px 0px;
   text-align:center;
   background-color: #d7fccf;

}

.widthFull
{
	width: 100%; 
}

.tableborder
{
	border: solid #edeff0 0px;
}

.tableborder td{

border: solid #edeff0 0px;

}

.headerpre
{
		width: 100%;
		height:auto;
		background-color: #ffffff;
		border-bottom: solid #0d5a54 2px;		
}

.contentpre
{
		width: 100%;
		height:auto;
		margin-top: 5px;
}

.noIdent
{
	margin:0px 0px 0px -40px;
}


.footpre
{
		width: 100%;
		height:auto;
		background-color:#228fba; /* #1c8eb8; */
		color: #ffffff;
		font-size: 14px;
}
		
.foot ul 
{
	list-style-type:none;
}


.foot ul li
{
	padding: 10px 5px 10px 5px;
	font-size: 14px;
	
}

.section a
{
	color: #ffffff;
}

.foot ul li a
{
	text-decoration:none;
	color: #ffffff;
}

.clearboth
{
		clear:both;
}

.clearBoth
{
		clear:both;
}

.contentfull img
{
		width: 100%;
		height: auto;
}

.contentfull-1
{
	margin:auto;
	width: 100%;
	height: auto;
}

.contentfull-1 img
{
		width: 100%;
		height: auto;
}

.dropdownwrap{
	
	display:none;
}

table
{
		border:solid 1px #ccc;
		width:100%; 
		margin-top:5px;
}

th
{
		border:solid 1px #ccc;
}	
td
{
		text-align:center;
		border:solid 1px #ccc;
}

.arrowdown
{
	font-size:9px;
}

.footer a
{
	color:white;
	text-decoration:none;
}

.footer a:hover
{
	color:white;
	text-decoration:underline;
}

.footer .headers
{
	color:white;
	font-weight:bold;
	font-size:18px;
	
}

.footer .headers a
{
	color:white;
	font-size:14px;
	font-weight:bold;
	
}

.headers2
{
	color:white;
	font-size:18px;
	
}

.footerbottom .sectionleftfooter a
{
	color: #000000;
	font-size: 11px;
}

.footerbottom .sectionleftfooter a:hover
{
	color: #000000;
	font-size: 11px;
}

.borderimg
{
	border: none;
}

a.linknav 
{
	color: #013c74;
	text-decoration:none;
	font-size: 22px;
}

.play
{

	position: relative;
	border:solid red 0px;
	width:10px;
	height:auto;
	margin-left: 50%;
	text-align:center;

}

.contentmenuright{
	margin: 10px 0px 20px 5px; 
	width: 250px;
	float: left; 
	border:solid #CCCCCC 0px;
	display:inline;
}

#pack .texte {
	background-color:green; 
	position:absolute;
	z-index:600; 
	color:#ffffff;
	height:85px;
	width:100%;
	font-size:14px;
}

a.sitebuttonlink
{
	margin-top:1em;
	background-color: #0a5479; /* #886A08; */
	text-align:center;	
	text-decoration:none;	
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

a.sitebuttonlink:hover
{
	background-color: #f0deb1; 
	color: #886A08; 
	text-decoration:none;
}

a.sutebuttonformat;
{
	font-size:23px;
	padding:11px 30px;
 }
 
a.sitebuttonlink.sutebuttonformat
{
	display:block;
	width:250px;
	color:#ffffff;
	padding: 5px;
	margin-left: auto;
    margin-right: auto;
}
a.sitebuttonlink:hover
{
	color: #013c74; 
	text-decoration:none;
	padding: 5px;
}

.space
{
	margin: 2px 0px 0px 0px;
}

.colsspecial1
{
	background-color: #93938e;
	width: 100%;
	margin-right: 5px;
	font-size: 30px;
	padding: 5px 0px 5px 0px; 
}

.colsspecial2
{
	background-color: #909058;
	width: 100%;
	margin-right: 5px;
	font-size: 30px;
	padding: 5px 0px 5px 0px; 
}

@media screen and (max-width:540px)
{
	input:focus,
	textarea:focus,
	select:focus 
	{
		outline: 2px solid #69C;
		background-color: #FFE;
	}

	.content   textarea {
		border: 1px solid #cccccc;
		font-size: 15px;
		width: 100%;
		height: 100px;
	  }


	  input[type=text] {
		border: 1px solid #cccccc;
		font-size: 15px;
		width: 100%;
		height: 30px;
	  }
	  
	  input[type=submit] {
		color:white;
		background:#2da8f1;
		border: 1px solid #cccccc;
		font-size: 15px;
		padding: 10px;
	  }
	  
	  input[type=submit]:hover {
		background-color: #696969; 
		color: white;
		border: 1px solid #cccccc;
		padding: 10px;
	 }
 }
 
 @media screen and (min-width:541px)
{
	input:focus,
	textarea:focus,
	select:focus 
	{
		outline: 2px solid #69C;
		background-color: #FFE;
	}

	.content   textarea {
		border: 1px solid #cccccc;
		font-size: 15px;
		width: 60%;
		height: 100px;
	  }


	  input[type=text] {
		border: 1px solid #cccccc;
		font-size: 15px;
		width: 70%;
		height: 30px;
	  }
	  
	 .content   input[type=text] {
		border: 1px solid #cccccc;
		font-size: 15px;
		width: 60%;
		height: 30px;
	  }
	  
	  input[type=submit] {
		color:white;
		background:#2da8f1;
		border: 1px solid #cccccc;
		font-size: 15px;
		padding: 10px;
	  }
	  
	  input[type=submit]:hover {
		background-color: #696969; 
		color: white;
		border: 1px solid #cccccc;
		padding: 10px;
	 }
 }


@media screen and (max-width:120px)
{
	img.mini_120
	{
		width:100%;
	}
	
}
@media screen and (min-width:121px)
{
	img.mini_120
	{
		width:120px;
	}
	
}

@media screen and (max-width:150px)
{
	img.mini_150
	{
		width:100%;
	}
	
}
@media screen and (min-width:151px)
{
	img.mini_150
	{
		width:150px;
	}
	
}
@media screen and (max-width:600px)
{
	.image_news
	{
		width: 100%;
	}
	
	img.photogaldisplay
	{
		width:100%;
	}
	
	.videodisplay
	{
		width:100%;
	}
	
	.contentatright img
	{
		width: 250px;
	}
}
@media screen and (min-width:601px)
{

	.image_news
	{
		width: 600px;
	}

	img.photogaldisplay
	{
		width:600px;
	}

	.videodisplay
	{
		width:600px;
	}	
	
	.contentatright img
	{
		width: 250px;
	}
}

@media screen and (max-width:250px)
{
	.content-right
	{
		width:100%;
	}
	.logo
	{
		width:100%;
	}

	#left
	{
		display: none;
	}
	
}
@media screen and (min-width:251px) and (max-width:940px)
{
	#left
	{
		display: none;
	}
	.content-right
	{
		width:250px;
	}
	.logo
	{
		width:250px;
	}

}
@media screen and (max-width:940px)
{

	.footerbottom
	{
		width:100%;
		font-size: 11px;
	}


	.section
	{

		width:100%;
		padding: 0px 5px 0px 5px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;	
		border-right:solid #cccccc 0px;
	}
	.sectionleftfooter
	{
		width:100%;
		height:auto;
		padding: 0px 5px 0px 5px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;	
		border:solid #cccccc 1px;
		
		
	}

	.menufooterleft li
	{
		padding: 0;
		border-right: solid #000000 0px;
		margin: 0;
	}	
	.headbannerlink 
	{
		width: 100%;
		text-align:right;
		text-decoration:none;
		font-size: 11px;
		padding: 0px 5px 0px 5px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;			
		
	}
	.header
	{
			width:100%;
			height: auto;
			background-color: #fff;
			
	}

	.list-right li
	{
			display::inline;
			float:left;
			width: 100%;
			clear:both;
	}
	
	.main-menu li
	{
			display::inline-block;
			float:left;
			width: 100%;
	}			

	.content-bg
	{
			width:100%;
			height:auto;
			border:solid #ccc 0px;
					
	}
	
	.content
	{
			width:100%;
			height:auto;
			border:solid #ccc 0px;
			padding: 0px 5px 0px 5px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;				
	}
	
	.content-left
	{
			width:100%;
	}

	.content-cols3
	{
			width:100%;
			height:auto;
	}			
	.foot
	{
			width:100%;
			height:auto;
	}

	.menu
	{
			width:100%;
			height:auto;
			border:solid #ccc 0px;
			background-color:#1d8fb5; 
	}
	
	#global_inter
	{
	
		width:100%;
		height:auto;
		border-left:solid #000 0px;
		border-right:solid #000 0px;
		border-top:solid #cccccc 0px;
		margin: auto;
		position: relative;
		z-index:2000;
		
	}
	
	
	#menuhorizontal
	{
		 width: 100%;
		 list-style-type: none;
		 margin: 0;
		 padding: 0;
		 border: 0;
	
	}
	
	#menuhorizontal li
	{
		 width: 100%;
		 margin: 0;
		 padding: 0;
		 border: 0; 
	
	} 

	#menuhorizontal li a:link, #menuhorizontal li a:visited
	{
		 display: block;
		 border-right: 1px solid #fff;
		 text-decoration: none;
		 padding: 0px;
		 font-weight:bold;
		 text-align:left;
		 color:white;
		 height:auto;
		 width:100%;
		 background-color: #696969; 
		 padding: 10px 5px 10px 5px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;			 
	
	}
	#menuhorizontal li a 
	{ 
		background-color: #696969; 
		border-bottom: 1px solid #CCCCCC;
		color:white;
		color:#013c74;
		font-size: 14px;
		font-family: "proxima-nova", "Arial", sans-serif; 
		width:100%;		
	}

	#menuhorizontal .sous_menu li
	{
		
		 width: 100%;
		 height:auto;
		 border-top: 0px solid #cccccc;
		 border-right: 0px solid #cccccc;
		 border-bottom: 1px solid #cccccc;
	
	}
	
	#menuhorizontal .sous_menu
	{
		 list-style-type: none;
		 margin: 0;
		 padding: 0;
		 border: 0;
		
	}
	
	
	#menuhorizontal .sous_menu li a:link, #menuhorizontal .sous_menu li a:visited
	{
		 background-color: #909058; 
		 border-bottom: 1px solid #ffffff;
		 font-family: "proxima-nova", "Arial", sans-serif; 
		 color: #000000;
		 margin: 0;
		 text-decoration: none;
		 height:auto;
		 text-align:left;
		 padding: 10px 5px 10px 5px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box; 		 
	}

	#menuhorizontal li .sectionmenu ul 
	{
		margin:0;
		padding:0;
		list-style-type: none;
		
	}
	
	#menuhorizontal li .sectionmenu ul li
	{
		color: #013c74;
		text-align:left;
		border: solid green 0px;
		height:auto;
		width: 100%;		
	}

	#menuhorizontal li .sectionmenu a
	{
		color: #013c74;
		text-align:left;
		border: solid #cccccc 1px;
		height:auto;
		width: auto;
		background-color:inherit;
		padding-top:2px;
	}

	#menuhorizontal li .sectionmenu a:hover
	{
		color: #ffffff;
	}
	.contentfull
	{
		width: 100%;
		height: auto;
	}
	
	tr th {
		width: 100%;
		height: auto;
		float: left;
	}
	
	tr td {
		width: 100%;
		height: auto;
		float: left;
	}

	tr {
		clear: left;
	}
	
	.tableFullCalendar
	{
		width: 100%;
		border: solid green 0px;
	}
	
	.tableFullCalendar tr th {
		width: 10%;
		height: auto;
		float: left;
		border: solid #ccc 1px;
	}
	
	.tableFullCalendar tr td {
		width: 10%;
		height: auto;
		float: left;
		border: solid #ccc 1px;
	}

	.tableFullCalendar tr {
		clear: left;
	}

	td:nth-of-type(1):before { content: " "; font-weight:bold; }
	td:nth-of-type(2):before { content: " "; font-weight:bold;}
	td:nth-of-type(3):before { content: " "; font-weight:bold;}
	td:nth-of-type(4):before { content: " "; font-weight:bold;}
	td:nth-of-type(5):before { content: " "; font-weight:bold;}
	td:nth-of-type(6):before { content: " "; font-weight:bold;}
	td:nth-of-type(7):before { content: " "; font-weight:bold;}
	td:nth-of-type(8):before { content: " "; font-weight:bold;}
	td:nth-of-type(9):before { content: " "; font-weight:bold;}
	td:nth-of-type(10):before { content: " "; font-weight:bold;}	

}

@media screen and (max-width:680px)
{

	.header-left
	{
			width:100%; 
	}
		
	.header-right
	{
			width:100%;
			height:auto;
	}
	.menumobile
	{
		font-size:30px;
		width:100%;
		font-weight:bold;
		color:red;
		text-align:right;
		background-color:#1c8eb8; 
	}

	.menumobile a
	{
		text-decoration:none;
		color:white;
	}
	
	#menuhead{
		
		display:none;
	}
	
	#menuhead2{
		
		/* display:none; */
		
	}
		
}

@media screen and (min-width:681px) and (max-width:940px)
{

	.header-left
	{
			float:left;
			width:25%;
	}
	
	.header-right
	{
			float:right;
			width:65%;
	}
	.menumobile
	{
		display:none;
	}
}

@media screen and (min-width:941px)
{
	.footerbottom
	{
		margin:auto;
		width:940px;
		font-size: 11px;
	}

	.section
	{
		display:inline;
		/* width:13%; */
		width:30%;
		margin: 0px;
		float:left;
		padding-right:2px;
		padding-left:2px;
		border-right:solid #cccccc 0px;
	}
	.sectionleftfooter
	{
		width:45%;
		float:left;
		height:auto;
		padding-right:2px;
		padding-left:2px;
		
		
	}

	.menufooterleft li
	{
		float:left; 
		display:block;
		padding-right: 10px;
		padding-left: 5px;
		margin: 0;
		border-right: solid #000000 1px;
	}
	.headbannerlink
	{
		margin:auto;
		width: 940px;
		text-align:right;
		color: #1d8fb5;
		font-size: 11px;
	}
	.header
	{
			margin:auto;
			width:940px;
			height: auto;
			border:solid 0px #0F0;
	}
	.header-left
	{
			display:inline;
			float:left;
			width:25%;
			border:solid #ccc 0px;
	}
	
	.header-right
	{
			display:inline;
			float:right;
			width:70%;
			border:solid yellow 0px;
	}

	.list-right li
	{
			display::inline;
			float:left;
			width: 100px;
	}
	
	.main-menu li
	{
			display::inline-block;
			float:left;
			width: 100px;
	}	
	
	.content
	{
			margin:auto;
			width:940px;
			height:auto;
			border:solid #ccc 0px;
	}

	.content-bg
	{
			margin:auto;
			width:100%;
			height:auto;
			border:solid #ccc 0px;
					
	}
		
	.content-left
	{
			display:inline;
			float:left;
			width:675px;
	}

	.content-right
	{
			display:inline;
			float:right;
			width:250px;
			
	}
	
	.content-cols3
	{
			width:32%;
			float:left;
			height:auto;
			padding-right:2px;
			padding-left:2px;
	}
	
	.foot
	{
			margin:auto;
			width:940px;
			height:auto;
	}	

	.menu
	{
		width:100%;
		height:auto;
		border:solid #ccc 0px;
		/* background-color:#1d8fb5; */
		margin: 30px 0px 0px 0px;
	}

	#global_inter
	{
	
		/* width:940px; */
		width:100%;
		height:40px;
		/* border-left:solid #fff 1px;
		border-right:solid #000 0px;
		border-top:solid #cccccc 0px; */
		border:solid #000 0px;
		margin: auto;
		position: relative;
		z-index:2000;
	
	}
		
	#menuhorizontal
	{
		/* width:940px; */
		width:100%;
		 list-style-type: none;
		 margin: 0;
		 padding: 0;
		 border: 0;
		 position: absolute;
		 border:solid #000 0px;
	
	}
	
	#menuhorizontal li
	{
		 float: left;
		 width: 217px;
		 margin: 0;
		 padding: 0;
		 border: 0;
		 z-index:auto;	 
	
	} 

	#menuhorizontal li a:link, #menuhorizontal li a:visited
	{
		 display: block;
		 height: 30px;
		 margin: 0;
		 border-right: 0px solid red; 
		 text-decoration: none;
		 padding: 10px 0px 0px 0px;
		 font-weight:bold;
		 text-align: center;
		 color: #065272;
	
	}
	
	#menuhorizontal li a 
	{ 
		/* background-color: #696969; */
		border-bottom: 0px solid #CCCCCC;
		color:#013c74;
		font-size: 16px;
		font-family: "proxima-nova", "Arial", sans-serif; 
				
	}

	#menuhorizontal .sous_menu li
	{
		 float: none; 
		 margin: 0;
		 padding: 0;
		 border: 0;
		 width: 320px;
		 height:auto;
		 border-top: 0px solid #cccccc;
		 border-right: 1px solid #cccccc;
		 border-bottom: 1px solid #cccccc;
		 position:relative;
		 z-index:800;
	
	}
	
	#menuhorizontal .sous_menu
	{
		 display: none;
		 list-style-type: none;
		 margin: 0;
		 padding: 0;
		 border: 0;
		
	}
	
	
	#menuhorizontal .sous_menu li a:link, #menuhorizontal .sous_menu li a:visited
	{
		 display: block;
		 background-color: #909058; 
		 border-bottom: 1px solid #ffffff;
		 /* color: #013c74; */
		 font-family: "proxima-nova", "Arial", sans-serif; 
		 color: #000000;
		 margin: 0;
		 text-decoration: none;
		 height:auto;
		 padding: 4px;
		 text-align:left;
		 padding: 10px 5px 10px 5px;
	}
		

	.menumobile
	{
		display:none;
	}

	.lignemenu
	{
		margin: 0px;
		width:600px;
		overflow: auto; 
		position: static;
		border:solid #000 0px;
		background-color:#cccccc; 
	}

	.lignemenuright
	{
		width:600px;
		overflow: auto;
		position: static;
		border:solid #000 0px;
		float:right;
		margin-right: 0px;
		background-color:#cccccc; 
	}

	.sectionmenu
	{
		display:inline;
		width:30%;
		margin: 0px;
		float:left;
		padding-right:0px;
		padding-left:0px;
		border:solid red 0px;
	
	}

	#menuhorizontal li .sectionmenu a
	{
		color: #013c74;
		text-align:left;
		border: solid green 0px;
		height:auto;
		width: auto;
		background-color: inherit;
		padding-top:15px;
	}

	#menuhorizontal li .sectionmenu a:hover
	{
		color: #ffffff;
	}

	#menuhorizontal li .sectionmenu ul li
	{
		color: #013c74;
		text-align:left;
		border: solid green 0px;
		height:auto;
		width: 140px;
		margin-left: -30px;
		padding-top:5px;
		list-style-type: none;
		
	}

	.sectionmenuright
	{
		display:inline;
		width:30%;
		margin: 0px;
		float:right;
		padding-right:2px;
		padding-left:2px;
		border:solid #cccccc 0px;
	}

	#left
	{
		margin: 10px 10px 20px 0px; 
		width: 250px;
		float:left;
		border-right:solid #CCCCCC 0px;
		font-size:14px;
		display:inline;
	}

	#menugauche 
	{
		list-style-type:none;
	}


	#menugauche li
	{
		display: block;
		border-top: 0px solid #a0a0a0;
		border-bottom: 1px solid #a0a0a0;
		margin:0px 0px 0px -40px;
		background-color:#d3d7d8;
		font-size:14px;
		padding: 0px 0px 0px 0px;
		
	}

	#menugauche a
	{
		display: block;
		height:auto;
		text-decoration: none;
		color: #194e82;
		padding-left: 10px; 
		padding-right: 5px; 
	}

	#menugauche a:hover
	{
		text-decoration: underline;
		display: block; 
		height:auto;
	}

	#menugauche a:visited
	{	color: black;
	}

	#menugauche li a
	{
		text-decoration: none;
		display: block; 
		height:auto;
		background-color:#cccccc; 
		color: #013c74;
		padding: 10px 5px 10px 10px;
		
	}

	#menugauche li.current a:hover
	{
		background-color:#cccccc; 
		color: #013c74;
		font-weight:bold;
		padding: 10px 5px 10px 10px;
		text-decoration: underline;
	}

	#menugauche li.current a
	{
		background-color: #194e82;
		color: #FFFFFF;
		text-decoration: none;
		padding: 10px 5px 10px 10px;
		
	}

	#menugauche .menutitre
	{
		background-color:#587a8d;
		color:white;
		width:auto;
		height:auto;
		padding: 10px 5px 10px 0px;
	}
	
	.contentatfull
	{
		margin:auto;
		width: 940px;
		height: auto;
		border: solid #000 0px;
	}
	
	.contentatleft
	{
		margin: 10px 0px 20px 0px; 
		width: 650px; 
		float:left; 
		border-left:solid #CCCCCC 0px;
		display:inline;
	}


	.contentatright{
		margin: 10px 0px 20px 0px; 
		width:390px;
		float:left; 
		border:solid #CCCCCC 0px;
		display:inline;
	}	
	

}

@media screen and (max-width:780px)
{
	#diaporama
	{
		margin:auto;
		width: 100%;
		height: auto;
		border:solid 0px red;


	} 

	#diapo {
		
		position:relative;
		height:auto;
	}
	#diapo div {
		float:left;
		position:absolute;

	}

	#diapo div img {
		border:none;
		/* margin: 10px 0px 20px 0px; */
	}

	#diapo div.show {
		z-index:500
	}

	#diapo .texte {
		background-color: rgb(54, 25, 25);
		background-color: rgba(25, 25, 25, 0.8);
		position:relative;
		z-index:600;
		color:#ffffff;
		font-weight:bold;
		height:120px;
		width:100%;
		top: 0; 
		left: 0;
		font-size:12px;
		/* margin-top: 35%; */
		margin-top: 10%;
	}

	#diapo .texte .contenu {
		margin:5px;
	}

	#diaporama #minidiapo
	{
		position: absolute;
		z-index: 1500;
		/* top: 65%; */
		top: 20%;
		width:100%;
		height:50px;
		border:solid #000 0px;
		margin:5px 50px 5px 0px;
		float:right;
	}
	 
	#previousdiapo
	{

		width:40px;
		height:50px;
		border:solid #000 0px;
		margin:0px 0px 0px 0px;
		text-align:center;
		color: #fff;
		font-size: 35px;
		background-color: rgb(54, 25, 25);
		background-color: rgba(25, 25, 25, .5);

	}

	#nextdiapo
	{
		width:40px;
		height:50px;
		border:solid #000 0px;
		margin:-50px 0px 0px 0px;
		float:right;
		text-align:center;
		color: #fff;
		font-size: 35px;
		background-color: rgb(54, 25, 25);
		background-color: rgba(25, 25, 25, .5);


	}
}


@media screen and (min-width:781px) and (max-width:1500px)
{
	#diaporama
	{
		margin:auto;
		width: 100%;
		height: auto;
		border:solid 0px red;


	} 

	#diapo {
		
		position:relative;
		height:auto;
	}
	#diapo div {
		float:left;
		position:absolute;

	}

	#diapo div img {
		border:none;
		/* margin: 10px 0px 20px 0px; */
	}

	#diapo div.show {
		z-index:500
	}

	#diapo .texte {
		background-color: rgb(54, 25, 25);
		background-color: rgba(25, 25, 25, 0.8);
		position:relative;
		z-index:600;
		color:#ffffff;
		font-weight:bold;
		height:120px;
		width:100%;
		top: 0; 
		left: 0;
		font-size:14px;
		/* margin-top: 35%; */
		margin-top: 10%;
	}

	#diapo .texte .title_news
	{
		font-size:20px;
	}
	#diapo .texte .contenu {
		margin:5px;
	}

	#diaporama #minidiapo
	{
		position: absolute;
		z-index: 1500;
		/* top: 65%; */
		top: 35%;
		width:100%;
		height:50px;
		border:solid #000 0px;
		margin:5px 50px 5px 0px;
		float:right;
	}
	 
	#previousdiapo
	{

		width:40px;
		height:50px;
		border:solid #000 0px;
		margin:0px 0px 0px 0px;
		text-align:center;
		color: #fff;
		font-size: 35px;
		background-color: rgb(54, 25, 25);
		background-color: rgba(25, 25, 25, .5);

	}

	#nextdiapo
	{
		width:40px;
		height:50px;
		border:solid #000 0px;
		margin:-50px 0px 0px 0px;
		float:right;
		text-align:center;
		color: #fff;
		font-size: 35px;
		background-color: rgb(54, 25, 25);
		background-color: rgba(25, 25, 25, .5);


	}
}

@media screen and (min-width:1501px)
{
	#diaporama
	{
		margin:auto;
		width: 1500px; 
		/* width: 100%; */
		height: 300px; 
		border:solid 0px red;


	} 

	#diapo {
		
		position:relative;
		height:300px;
	}
	#diapo div {
		float:left;
		position:absolute;

	}

	#diapo div img {
		border:none;
		/* margin: 10px 0px 20px 0px; */
	}

	#diapo div.show {
		z-index:500
	}

	#diapo .texte {
		background-color: rgb(54, 25, 25);
		background-color: rgba(25, 25, 25, 0.8);
		position:absolute;
		margin-left: 100px;
		z-index:600;
		color:#ffffff;
		font-weight:bold;
		height:120px;
		width:50%;
		bottom:100px;
		font-size:14px;
	}
	
	#diapo .texte .title_news
	{
		font-size:16px;
	}

	#diapo .texte .contenu {
		margin:5px;
	}

	#diaporama #minidiapo
	{
		position: absolute;
		z-index: 1500;
		top: 30%;
		width:1500px;
		height:50px;
		border:solid #000 0px;
		margin:5px 50px 5px 0px;
		float:right;
	}
	 
	#previousdiapo
	{

		width:40px;
		height:50px;
		border:solid #000 0px;
		margin:0px 0px 0px 0px;
		text-align:center;
		color: #fff;
		font-size: 35px;
		background-color: rgb(54, 25, 25);
		background-color: rgba(25, 25, 25, .5);

	}

	#nextdiapo
	{
		width:40px;
		height:50px;
		border:solid #000 0px;
		margin:-50px 0px 0px 0px;
		float:right;
		text-align:center;
		color: #fff;
		font-size: 35px;
		background-color: rgb(54, 25, 25);
		background-color: rgba(25, 25, 25, .5);


	}
}
@media screen and (min-width:1500px)
{
	.content-bg
	{
			margin:auto;
			width:1500px;
			height:auto;
			border:solid #ccc 0px;
					
	}
	
	.contentfull-1
	{
		margin:auto;
		width: 1500px;
		height: auto;
	}
}

@media (max-width: 699px) {

	#headlines
	{
		width:100%;
		height:auto;
		border:solid 0px #cccccc;
		margin: 10px 0px 20px 0px; 

	}

	#pack {
		position:relative;
		height:auto;
		border:solid 0px red;
		
	}

	#pack div {
		float:left;
		position:absolute;
	}

	#pack div img {
		border:none;
	}

	#pack div.show {
		z-index:500;
	}

	#pack .texte .contenu {
		margin:5px;

	}

	#headlines #minipack
	{
		position: absolute;
		z-index: 1000;
		top: 10%;
		width:100%;
		height:50px;
		border:solid #000 0px;
		margin:50px 50px 5px 0px;
		float:right;

	}
	 
	#previous
	{

		width:40px;
		height:50px;
		border:solid #000 0px;
		margin:0px 0px 0px 0px;
		text-align:center;
		background-color: aliceblue;
		color: #424242;
		font-size: 35px;

	}

	#next
	{
		width:40px;
		height:50px;
		border:solid #000 0px;
		margin:-50px 0px 0px 0px;
		float:right;
		text-align:center;
		background-color: aliceblue;
		color: #424242;
		font-size: 35px;

	}

	#pause
	{
	  border-radius: 10px;
	  background: #BADA55;
	  width: 50px;
	  height: 25px;
	  padding: 10px 15px 10px 10px;
	  margin-left: 0px;
	  font-size: 12px;
	  text-align:center;
	}

	#resume
	{
	  border-radius: 10px;
	  background: #BADA55;
	  width: 50px;
	  height: 25px;
	  margin-left: 0px;
	  font-size: 18px;
	  padding: 10px 10px 10px 15px;
	  text-align:center;
	}

	#lightbox {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: rgb(0, 0, 0);
		filter:alpha(opacity=100);
		background-color: rgba(0, 0, 0, 0.7);
		text-align:center;
		z-index:1500; 
		overflow: auto;
		display: none;
	}

	#lightbox div.rightlightbox{
		text-align:right;
		margin: -5px 5px 0px 0px;
	}

	.rightlightbox a
	{	
		text-decoration: none;
		color:red;
		font-size:20px;
		text-transform: uppercase;
	}

	#space_content_lightbox
	{
		margin: 50px 0px 0px 0px;	
	}

	.space_less
	{
		margin: -30px 0px 0px 0px;	
	}

	#content_lightbox
	{
		position: relative; 
		margin: auto; 
		width: 100%;
		background-color: #ffffff;
		border: solid #ccc 1px;
		margin-top: 50px;
		font-size: 18px;
		z-index: 2000; 
	}


	}
	@media (min-width: 700px) {

	#headlines
	{
		width:100%;
		height:auto;
		border:solid 0px #cccccc;
		margin: 10px 0px 20px 0px; 

	}

	#pack {
		position:relative;
		border:solid 0px red;
		
	}

	#pack div {
		float:left;
		position:absolute;
	}

	#pack div img {
		border:none;
	}

	#pack div.show {
		z-index:500;
	}

	#pack .texte .contenu {
		margin:5px;
	}

	#headlines #minipack
	{
		position: absolute;
		z-index: 1000;
		top: 50%;
		width:100%;
		height:50px;
		border:solid #000 0px;
		margin:5px 50px 5px 0px;
		float:right;

	}
	 
	#previous
	{

		width:40px;
		height:50px;
		border:solid #000 0px;
		margin:0px 0px 0px 0px;
		text-align:center;
		background-color: aliceblue;
		color: #424242;
		font-size: 35px;

	}

	#next
	{
		width:40px;
		height:50px;
		border:solid #000 0px;
		margin:-50px 0px 0px 0px;
		float:right;
		text-align:center;
		background-color: aliceblue;
		color: #424242;
		font-size: 35px;

	}

	#pause
	{
	  border-radius: 50px;
	  background: #BADA55;
	  width: 75px;
	  height: 30px;
	  padding: 10px 15px 10px 10px;
	  margin-left: 0px;
	  font-size: 12px;
	  text-align:center;
	}

	#resume
	{
	  border-radius: 50px;
	  background: red;
	  width: 75px;
	  height: 30px;
	  margin-left: 0px;
	  font-size: 18px;
	  padding: 10px 10px 10px 15px;
	  text-align:center;
	}

	#lightbox {
		position:fixed; 
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: rgb(0, 0, 0);
		filter:alpha(opacity=100);
		background-color: rgba(0, 0, 0, 0.7);
		text-align:center;
		overflow: auto;
		z-index:1500; 
		display: none;
	}

	#lightbox div.rightlightbox{
		text-align:right;
		margin: -5px 5px 0px 0px;
	}

	.rightlightbox a
	{	
		text-decoration: none;
		color:red;
		font-size:18px;
		text-transform: uppercase;
		
	}

	#space_content_lightbox
	{
		margin: 50px 0px 0px 0px;	
	}

	.space_less
	{
		margin: -30px 0px 0px 0px;	
	}

	#content_lightbox
	{
		position: relative; 
		margin: auto; 
		width: 600px;
		background-color: #ffffff;
		border: solid #ccc 1px;
		margin-top: 50px;
		font-size: 18px;
		z-index: 2000; 

	}


}