/* Mobile Styles */
@media only screen and (max-width: 10px) {
  body {
    background-color: rgba(20,128,20,1) /* Red */
  }
}

/* Tablet Styles */
@media only screen and (min-width: 10px) and (max-width: 1024px) {
body
{
	background:no-repeat url("../images/fonds/fond_charlier.jpg");
	background-size:cover;
	margin:0px;
	font-family: 'Raleway', sans-serif;
	text-shadow: 0px 0px 1px #ddd;
	color:rgba(20,20,20,1);
	font-size:11pt;
}

ol
{
	margin-left:-40px;
}


#imageflottante
{
	background:no-repeat url('../images/fonds/remorque.png');
	display:none;
	position:absolute;
	z-index:1;
	width:400px;
	height:400px;
	
}

.zoomable:hover
{
cursor:hand;cursor:pointer;	
}

.contentimage
{
	max-width:80%;
}


li
{
line-height: 1.5;
}

.floatleft
{
	display:block;
	position:relative;
	float:left;
	margin-right:25px;
}

.nofloat
{
	clear:both;
}



#headercontainer
{
	display:block;
	position:fixed;
	z-index:1;
	width:100%;
	height:140px;
	padding-top:10px;
	padding-bottom:10px;
	background: linear-gradient(90deg, rgba(225,25,25,0.975) 0%, rgba(40,40,40,0.95) 65%, rgba(20,20,20,0.9) 100%), url("../images/fonds/110598965_m.jpg");
	background-size:contain;
	box-shadow: 0px 0px 5px 0px rgba(2,32,104,0.9);
	margin-top:3px;

}

#header
{
	display:block;
	position:relative;
	width:80%;
	margin-left:10%;
	
}

#rightsticker
{
	background:linear-gradient(45deg, rgba(225,0,0,0.9) 0%, rgba(225,0,0,0.9) 35%, rgba(225,0,0,0.9) 100%);
	display:none;
	position:absolute;
	padding:10px;
	top:25px;
	right:25px;
	z-index:2;
	text-align:center;
	border-radius:5px;
	color:rgba(240,240,240,1);
	box-shadow: 0px 0px 5px 0px rgba(14,150,44,1);
}

.rightstickerelement
{
	display:inline-block;
	position:relative;
	padding:8px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	background-color:rgba(50,50,50,1);
	box-shadow: 0px 0px 5px 0px rgba(100,100,100,1);
	border-radius:5px;
	color:rgba(240,240,240,1);
}

.rightstickerelement:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgba(50,220,0,1);
	box-shadow: 0px 0px 5px 0px rgba(0,255,0,1);
}

.socialmedia
{
	display:inline-block;
	position:relative;
	padding-top:10px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}

#rightstickertitle
{
	display:block;
	position:relative;
	
}



#logo
{
	
	border-radius:5px;
	background:rgba(255,255,255,0.4);
	box-shadow:0px 0px 3px rgba(225,25,25,1);
	padding:5px;
	height:125px;
}

#menucontainer
{
	display:block;
	position:fixed;
	width:200px;
	height:100%;
	margin-top:163px;
	z-index:1;
	background: rgba(20,20,20,0.85);
	
	margin-bottom:0px;
	overflow:scroll;
}

#menu
{
	display:block;
	position:relative;
	width:80%;
	margin-left:3%;
	

	
}

#subtitle
{
	display:block;
	position:relative;
	width:500px;
	text-align:center;
}

#contentcontainer
{
	display:block;
	position:relative;
	min-height:600px;
	padding-top:10px;
	background:rgba(240,240,240,0.9);
	background-size: cover;
	padding-top:240px;
}

#content
{
	display:block;
	position:relative;
	font-size:1em;
	
	padding-left:60px;
	padding-right:10px;
	
}

#footercontainer
{
	display:block;
	position:relative;
	background: rgba(40,40,40,0.9);
	color:#fff;
	text-shadow: 0px 0px 1px #555;
	height:auto;
	
	
}

#footer
{
	display:block;
	position:relative;
	
	margin-left:60px;
	
}

#footer a:link
{
	color:#fff;
	text-shadow: 0px 0px 1px #555;
	text-decoration:none;
}

#footer a:visited
{
	color:#fff;
	text-shadow: 0px 0px 1px #555;
	text-decoration:none;
}

#footer a:hover
{
	color:#fff;
	text-shadow: 0px 0px 1px #555;
	text-decoration:underline;
}

#footer a:active
{
	color:#fff;
	text-shadow: 0px 0px 1px #555;
	text-decoration:none;
}

a.darklink:link
{
	color:rgba(200,0,0,1);
	text-decoration:underline;
}

a.darklink:visited
{
	color:rgba(200,0,0,1);
	text-decoration:underline;
}

a.darklink:hover
{
	color:rgba(200,0,0,1);
	text-decoration:underline;
	text-shadow:0px 0px 1px rgba(255,160,160,1);
}

a.darklink:active
{
	color:rgba(200,0,0,1);
	text-decoration:underline;
}

a.blacklink:link
{
	color:rgba(10,10,10,1);
	text-decoration:none;
}

a.blacklink:visited
{
	color:rgba(10,10,10,1);
	text-decoration:none;
}

a.blacklink:hover
{
	color:rgba(10,10,10,1);
	text-decoration:underline;
	text-shadow:0px 0px 1px rgba(160,160,160,1);
}

a.blacklink:active
{
	color:rgba(10,10,10,1);
	text-decoration:none;
}

.menuitem
{
	display:block;
	position:relative;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	margin-right:10px;
	margin-top:10px;
	font-size:16pt;
	vertical-align:middle;
}

#menudeployeur
{
	display:inline-block;
	position:relative;
	width:35px;
	height:35px;
	
}

.menuitem:hover
{
	
	cursor:pointer;cursor:hand;
}

.menuitem a:link
{
	color:rgba(240,240,240,1);
	text-decoration:none;
	text-shadow: 0px 0px 1px #f0f0f0;
}

.menuitem a:visited
{
	color:rgba(240,240,240,1);
	text-decoration:none;
	text-shadow: 0px 0px 1px #f0f0f0;
}

.menuitem a:hover
{
	color: rgba(240,240,240,1) ;
	text-decoration:underline;
	text-shadow: 0px 0px 1px #f0f0f0;
}

.menuitem a:active
{
	color:rgba(240,240,240,1);
	text-decoration:none;
	text-shadow: 0px 0px 1px #f0f0f0;
}

#containergalerie2
{
	display:block;
	position:relative;
	margin-bottom:10px;
	background-color:#555;
	width:90%;
	height:200px;
	margin-right:-5%;
	user-select: none;

}

#containergalerie
{
	display:inline-block;
	position:relative;
	width:95%;
	height:200px;
	overflow:hidden;
	margin:0px;
	
}

#galerie
{
	display:inline-block;
	position:relative;
	width:5000px;
	margin:0px;
}

#boutongauche
{
	display:inline-block;
	position:relative;
	background-color:#555;
	height:40px;
	width:40px;
	vertical-align:top;
	margin:0px;
	user-select: none;
}

#boutongauche:hover
{
	background-color:rgba(255,250,80,1);
	cursor:hand;cursor:pointer;
}

#boutondroit
{
	display:inline-block;
	position:relative;
	background-color:#555;
	height:40px;
	width:40px;
	vertical-align:top;
	margin:0px;
	user-select: none;
	margin-bottom:50px;
}

#boutondroit:hover
{
	background-color:rgba(255,69,0,1);
	cursor:hand;cursor:pointer;
}

.boutondefilement
{
	line-height:5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.containerimggalerie
{
	display:inline-block;
	position:relative;
	padding-right:1px;
	
}

.imggalerie
{
	height:196px;
	border-radius:8px;
}

.midsizecontent
{
	display:inline-block;
	position:relative;
	vertical-align:top;
	padding:5px;
	text-align:justify;
	width:95%;
	font-size:1em;
}

.imagecontent
{
	height:275px;
	border:solid 1px rgba(20,20,20,1);
	border-radius:3px;
}

.imagecontent:hover
{
	cursor:hand;cursor:pointer;
}

.footerelement
{
	display:inline-table;
	position:relative;
	font-size:1em;
	padding-right:40px;
}

.footerelement h3
{
	font-size:1em;
}

.footerelement h4
{
	font-size:1em;
}

.footerp
{
	line-height:1.5;
	font-size:1em;
}

.formelement
{
	display:inline-block;
	position:relative;
	min-width:125px;
}

.inputtextelement
{
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	border:solid 1px rgba(20,20,20,1);
	border-radius:5px;
	width:229px;
}

.inputtextelement:hover
{
	border:solid 1px rgba(255,69,0,1);
	cursor:pointer;
	cursor:hand;
}

.textareaelement
{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:solid 1px rgba(20,20,20,1);
	border-radius:5px;
}

.textareaelement:hover
{
	border:solid 1px rgba(255,69,0,1);
	cursor:pointer;
	cursor:hand;
}

.submitelement
{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:solid 1px rgba(20,20,20,1);
	border-radius:5px;
}

.submitelement:hover
{
	border:solid 1px rgba(255,69,0,1);
	cursor:pointer;
	cursor:hand;
}

#zoomimage
{
	position:absolute;
	display:none;
	margin-top:-500px;
	z-index:3;
	box-shadow: 0px 0px 1px 0px rgba(100,100,100,0.8)
	
}

#zoomimagecontent
{
	width:1024px;
	
}

#zoomimagecontent:hover
{
	cursor:hand;cursor:pointer;
}

.listeboutonscontainer
{
	display:block;
	position:relative;
	
	
}

.listeboutons li
{
	display:inline-block;
	list-style-type:none;
	padding:10px;
	box-shadow: 0px 0px 1px 0px rgba(120,120,120,1);
	background-color:rgba(230,230,230,1);
	width:175px;
	font-size:14pt;
	margin-left:5px;
	margin-right:5px;
	border-radius:0px 0px 5px 0px;
	text-align:center;
	
}

.listeboutons li:hover
{
	box-shadow: 0px 0px 1px 0px rgba(120,120,120,1);
	background-color:rgba(20,128,20,1);
	color:rgba(255,255,255,1);
	cursor:hand;cursor:pointer;
}

.listeboutons li a:link
{
	color:#000;
	
	text-decoration:none;
}

.listeboutons li a:visited
{
	color:#000;
	
	text-decoration:none;
}

.listeboutons li a:hover
{
	color:#fff;
	
	text-decoration:none;
}

.listeboutons li a:active
{
	color:#000;
	
	text-decoration:none;
}

.listeboutons li:hover a:link
{
	color:#fff;
	
	text-decoration:none;
}

.listeboutons li:hover a:visited
{
	color:#fff;
	
	text-decoration:none;
}

.listeboutons li:hover a:hover
{
	color:#fff;
	
	text-decoration:none;
}

.listeboutons li:hover a:active
{
	color:#fff;
	
	text-decoration:none;
}

.boutonvert
{
 list-style-image:url("../images/boutonvert.png");
}

.boutonjaune
{
 list-style-image:url("../images/boutonjaune.png");
}

.boutongris
{
 list-style-image:url("../images/boutongris.png");
}

.titrecellule
{
	font-weight:bold;
}

.tabledonnees td
{
	padding:5px;
}

.croixrouge
{
	list-style-image:url("../images/croixrouge.png");
}

ul.nodec
{
	text-align:left;
	margin-left:-40px;
	margin-bottom:20px;
}

ul.nodec li:before
{
	content: '✓';
	margin-right:20px;
	color:red;

	
}

.vignette-realisation
{
	position:relative;
	display:inline-block;
	border:solid 1px #ccc;
	width:300px;
	height:400px;
	text-align:center;
	padding:10px;
	margin:5px;
	vertical-align:top;
}

.vignette-realisation:hover
{
	cursor:hand;cursor:pointer;
}

.vignette-photo
{
	height:250px;
	max-width:350px;
	border-radius:5px;
	box-shadow:0px 0px 2px #ccc;
}

#parentpage
{
	display:block;
	position:absolute;
	z-index:4;
	width:60%;
	left:20%;
	text-align:center;
	background-color:rgba(240,240,240,0.9);
	box-shadow:0px 0px 2px #ccc;
}

#childpage
{
	display:block;
	position:relative;
	z-index:4;
	width:100%;
	text-align:center;
	
}

#childpage:hover
{
	cursor:hand;cursor:pointer;
}

.article
{
	display:inline-block;
	position:relative;
	box-shadow:0px 0px 1px 0px rgba(50,50,50,1);
	border-radius:3px;
	margin: 10px;
	height : 300px;
	width : 300px;
	max-width:90%;
	text-align:center;
}

.article:hover
{
	cursor:hand;cursor:pointer;
	box-shadow:0px 0px 3px 0px rgba(50,50,50,1);
	
	
}

.imagearticle
{

	max-width:250px;
	max-height:200px;
	
	border-radius:3px;
}

.imagearticlecontainer
{
	display:table;
	position:relative;
	width:100%;
	height:80%;
	padding-top:10px;
	text-align:center;

}

#itemcontainer
{
	display:block;
	position:relative;
	margin-bottom:20px;
	
}

#itemimagecontainer
{
	display:inline-block;
	position:relative;
	box-shadow:0px 0px 3px 0px rgba(50,50,50,1);
	border-radius:3px;
	
	text-align:center;
	margin-top:20px;
	padding:5px;
	
}

.itemimage
{
	display:inline-block;
	position:relative;
	max-width:85%;
	max-height:350px;
	
}

.itemdescription
{
	display:inline-block;
	position:relative;
	vertical-align:top;
	margin-left:0px;
	
}

.boutonajouter
{
	cursor:hand;cursor:pointer;
	padding:8px;
	background-color:rgba(100,100,100,1);
	color:rgba(220,220,220,1);
	border-radius:3px;
}

.boutonajouter:hover
{
	background-color:rgba(0,140,0,1);
	color:rgba(240,240,240,1);
}

#listearticle
{
	display:block;
	position:relative;
	max-width:95%;
	overflow:scroll;
}

.boutonpanier
{
	display:inline-block;
	position:relative;
	cursor:hand;cursor:pointer;
	padding:8px;
	background-color:rgba(100,100,100,1);
	color:rgba(220,220,220,1);
	border-radius:3px;
	margin-right:10px;
	margin-bottom:10px;
}

.boutonpanier:hover
{
	background-color:rgba(225,25,25,1);
	color:rgba(240,240,240,1);
}

.tableaupanier
{
	border-collapse: collapse;
	border: 1px solid black;
	border-radius:5px;
	
}

.tableaupanier td
{
	padding: 10px;
	text-align: left;
}

.firstrow
{
	font-weight:bold;
	background-color: rgba(40,40,40,1);
	color:rgba(240,240,240,1);
	
}

.evenrow
{
	background-color: rgba(225,185,185,0.975);
	line-height:30px;
}

.oddrow
{
	background-color: rgba(225,225,225,0.975);
	line-height:30px;
}

.inputnumbercontainer
{
	display:table-cell;
	position:relative;
	font-size:16pt;
	padding-left:0px;
	padding-right:0px;
	width:50px;
	border-top:solid 0px rgb(200,200,200);
	border-bottom:solid 1px rgb(200,200,200,0);
	border-radius:0px;
	margin-right:0px;	
	vertical-align:middle;
	background-color:rgba(160,160,160,0.5);
	text-align:center;

}

.inputnumber
{
	width:50px;
	height:30px;
	padding:6px;
	font-size:16pt;
	vertical-align:middle;
	background-color:rgba(160,160,160,0.5);
	border-width:0px;
	text-align:center;
	user-select: none;

}



.numberplus
{
	display:table-cell;
	position:relative;
	font-size:16pt;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	color:rgb(255,255,255);
	background-color:rgb(40,40,40);
	padding-left:5px;
	padding-right:5px;
	width:20px;

	border-radius:0px 5px 5px 0px;
	margin-right:0px;
	user-select: none;

	
	
}

.numberplus:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgb(100,100,100);
}

.numberminus
{
	display:table-cell;
	position:relative;
	font-size:16pt;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	color:rgb(255,255,255);
	background-color:rgb(180,25,25);
	padding-left:5px;
	padding-right:5px;
	width:20px;
	
	border-radius:5px 0px 0px 5px;
	margin-right:0px;
	user-select: none;
	
}

.numberminus:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgb(220,25,25);
}

.itemdelete
{
	
}


#message
{
	display:none;
	position:absolute;
	z-index:3;
	width:100%;
	text-align:center;
	padding:5px;
	background-color:rgba(255,192,0,0.75);
	text-shadow:0px 0px 1px rgba(255,255,255,1);
}

#message:hover
{
	cursor:hand;cursor:pointer;
}
}




/* Desktop Styles */
@media only screen and (min-width: 1025px) {
  body
{
	background:no-repeat url("../images/fonds/fond_charlier.jpg");
	background-size:cover;
	margin:0px;
	font-family: 'Raleway', sans-serif;
	text-shadow: 0px 0px 1px #ddd;
	color:rgba(20,20,20,1);
	
}

#imageflottante
{
	background:no-repeat url('../images/fonds/remorque.png');
	display:none;
	position:absolute;
	z-index:1;
	width:500px;
	height:360px;
	margin-right:-60px;
	
	
	
	
}

.zoomable:hover
{
cursor:hand;cursor:pointer;	
}

#menudeployeur
{
	display:none;
	position:relative;
	width:35px;
	height:35px;
}


li
{
line-height: 1.5;
}

.floatleft
{
	display:block;
	position:relative;
	float:left;
	margin-right:25px;
}

.nofloat
{
	clear:both;
}



#headercontainer
{
	display:block;
	position:fixed;
	z-index:1;
	width:100%;
	height:70px;
	padding-top:10px;
	padding-bottom:10px;
	background: linear-gradient(90deg, rgba(225,25,25,0.975) 0%, rgba(40,40,40,0.95) 65%, rgba(20,20,20,0.9) 100%), url("../images/fonds/110598965_m.jpg");
	background-size:contain;
	box-shadow: 0px 0px 5px 0px rgba(2,32,104,0.9);
	margin-top:0px;

}

#header
{
	display:block;
	position:relative;
	width:80%;
	margin-left:10%;
	
}

#rightsticker
{
	background:linear-gradient(45deg, rgba(225,0,0,0.9) 0%, rgba(225,0,0,0.9) 35%, rgba(225,0,0,0.9) 100%);
	display:block;
	position:absolute;
	padding:10px;
	top:25px;
	right:25px;
	z-index:2;
	text-align:center;
	border-radius:5px;
	color:rgba(240,240,240,1);
	box-shadow: 0px 0px 5px 0px rgba(225,25,25,1);
}

.rightstickerelement
{
	display:inline-block;
	position:relative;
	padding:8px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	background-color:rgba(50,50,50,1);
	box-shadow: 0px 0px 5px 0px rgba(100,100,100,1);
	border-radius:5px;
	color:rgba(240,240,240,1);
}

.rightstickerelement:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgba(220,0,0,1);
	box-shadow: 0px 0px 5px 0px rgba(220,220,0,1);
}

.socialmedia
{
	display:inline-block;
	position:relative;
	padding-top:10px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}

#rightstickertitle
{
	display:block;
	position:relative;
}


#logo
{
	
	border-radius:5px;
	background:rgba(255,255,255,0.4);
	box-shadow:0px 0px 3px rgba(225,25,25,1);
	padding:5px;
	max-height:60px;
}

#logo:hover
{
	cursor:hand;cursor:pointer;
}

#menucontainer
{
	display:block;
	position:fixed;
	width:100%;
	margin-top:90px;
	z-index:1;
	background: linear-gradient(90deg, rgba(225,25,25,0.975) 0%, rgba(40,40,40,0.95) 65%, rgba(20,20,20,0.9) 100%), url("../images/fonds/110598965_m.jpg");
	background-size:contain;
	
	margin-bottom:0px;
	
}

#menu
{
	display:block;
	position:relative;
	width:80%;
	margin-left:10%;

	
}

#subtitle
{
	display:block;
	position:relative;
	width:500px;
	text-align:center;
}

#contentcontainer
{
	display:block;
	position:relative;
	min-height:600px;
	padding-top:10px;
	background:linear-gradient(90deg, rgba(225,25,25,0.9) 0%, rgba(246,246,246,0.90) 0.5%, rgba(246,246,246,0.90) 99.5%, rgba(20,20,20,0.9) 100%);
	background-size: cover;
	padding-top:160px;
}

#content
{
	display:block;
	position:relative;
	width:85%;
	margin-left:7.5%;
	min-height:600px;
	
}

#footercontainer
{
	display:block;
	position:relative;
	background: rgba(40,40,40,0.9);
	color:#fff;
	text-shadow: 0px 0px 1px #555;
	height:310px;
	
}

#footer
{
	display:block;
	position:relative;
	width:90%;
	margin-left:10%;
	
}

#footer a:link
{
	color:#fff;
	text-shadow: 0px 0px 1px #555;
	text-decoration:none;
}

#footer a:visited
{
	color:#fff;
	text-shadow: 0px 0px 1px #555;
	text-decoration:none;
}

#footer a:hover
{
	color:#fff;
	text-shadow: 0px 0px 1px #555;
	text-decoration:underline;
}

#footer a:active
{
	color:#fff;
	text-shadow: 0px 0px 1px #555;
	text-decoration:none;
}

a.darklink:link
{
	color:rgba(200,0,0,1);
	text-decoration:underline;
}

a.darklink:visited
{
	color:rgba(200,0,0,1);
	text-decoration:underline;
}

a.darklink:hover
{
	color:rgba(200,0,0,1);
	text-decoration:underline;
	text-shadow:0px 0px 1px rgba(255,160,160,1);
}

a.darklink:active
{
	color:rgba(200,0,0,1);
	text-decoration:underline;
}

a.blacklink:link
{
	color:rgba(10,10,10,1);
	text-decoration:none;
}

a.blacklink:visited
{
	color:rgba(10,10,10,1);
	text-decoration:none;
}

a.blacklink:hover
{
	color:rgba(10,10,10,1);
	text-decoration:underline;
	text-shadow:0px 0px 1px rgba(160,160,160,1);
}

a.blacklink:active
{
	color:rgba(10,10,10,1);
	text-decoration:none;
}


.rightstickerelement a:link
{
	color:rgba(255,255,255,1);
	text-decoration:none;
}

.rightstickerelement a:visited
{
	color:rgba(255,255,255,1);
	text-decoration:none;
}

.rightstickerelement a:hover
{
	color:rgba(255,255,255,1);
	text-decoration:underline;
}

.rightstickerelement a:active
{
	color:rgba(255,255,255,1);
	text-decoration:none;
}

.menuitem
{
	display:inline-block;
	position:relative;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	margin-right:25px;
	font-size:15pt;
	vertical-align:middle;
}

.menuitem:hover
{
	
	cursor:pointer;cursor:hand;
}

.menuitem a:link
{
	color:rgba(240,240,240,1);
	text-decoration:none;
	text-shadow: 0px 0px 1px #f0f0f0;
}

.menuitem a:visited
{
	color:rgba(240,240,240,1);
	text-decoration:none;
	text-shadow: 0px 0px 1px #f0f0f0;
}

.menuitem a:hover
{
	color: rgba(240,240,240,1) ;
	text-decoration:underline;
	text-shadow: 0px 0px 3px rgba(240,120,25,1);
}

.menuitem a:active
{
	color:rgba(240,240,240,1);
	text-decoration:none;
	text-shadow: 0px 0px 1px #f0f0f0;
}

#containergalerie2
{
	display:block;
	position:relative;
	margin-bottom:10px;
	background-color:#555;
	width:90%;
	height:200px;
	margin-right:-5%;
	user-select: none;

}

#containergalerie
{
	display:inline-block;
	position:relative;
	width:95%;
	height:200px;
	overflow:hidden;
	margin:0px;
	
}

#galerie
{
	display:inline-block;
	position:relative;
	width:5000px;
	margin:0px;
}

#boutongauche
{
	display:inline-block;
	position:relative;
	background-color:#555;
	height:40px;
	width:40px;
	vertical-align:top;
	margin:0px;
	user-select: none;
}

#boutongauche:hover
{
	background-color:rgba(255,250,80,1);
	cursor:hand;cursor:pointer;
}

#boutondroit
{
	display:inline-block;
	position:relative;
	background-color:#555;
	height:40px;
	width:40px;
	vertical-align:top;
	margin:0px;
	user-select: none;
	margin-bottom:50px;
}

#boutondroit:hover
{
	background-color:rgba(255,69,0,1);
	cursor:hand;cursor:pointer;
}

.boutondefilement
{
	line-height:5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.containerimggalerie
{
	display:inline-block;
	position:relative;
	padding-right:1px;
	
}

.imggalerie
{
	height:196px;
	border-radius:8px;
}

.midsizecontent
{
	display:inline-block;
	position:relative;
	vertical-align:top;
	padding:10px;
	text-align:justify;
	width:45%;
}

.imagecontent
{
	height:275px;
	border:solid 1px rgba(20,20,20,1);
	border-radius:3px;
}

.imagecontent:hover
{
	cursor:hand;cursor:pointer;
}

.footerelement
{
	display:inline-table;
	position:relative;
	font-size:11pt;
	padding-right:40px;
	max-width:25%;
}

.footerp
{
	line-height:1.5;
}

.formelement
{
	display:inline-block;
	position:relative;
	min-width:125px;
}

.inputtextelement
{
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	border:solid 1px rgba(20,20,20,1);
	border-radius:5px;
	width:229px;
}

.inputtextelement:hover
{
	border:solid 1px rgba(255,69,0,1);
	cursor:pointer;
	cursor:hand;
}

.textareaelement
{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:solid 1px rgba(20,20,20,1);
	border-radius:5px;
}

.textareaelement:hover
{
	border:solid 1px rgba(255,69,0,1);
	cursor:pointer;
	cursor:hand;
}

.submitelement
{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:solid 1px rgba(20,20,20,1);
	border-radius:5px;
}

.submitelement:hover
{
	border:solid 1px rgba(255,69,0,1);
	cursor:pointer;
	cursor:hand;
}

#zoomimage
{
	position:absolute;
	display:none;
	margin-top:-500px;
	z-index:3;
	box-shadow: 0px 0px 1px 0px rgba(100,100,100,0.8)
	
}

#zoomimagecontent
{
	width:1024px;
	
}

#zoomimagecontent:hover
{
	cursor:hand;cursor:pointer;
}

.listeboutonscontainer
{
	display:block;
	position:relative;
	
	
}

.listeboutons li
{
	display:inline-block;
	list-style-type:none;
	padding:10px;
	box-shadow: 0px 0px 1px 0px rgba(120,120,120,1);
	background-color:rgba(230,230,230,1);
	width:175px;
	margin-left:5px;
	margin-right:5px;
	border-radius:0px 0px 5px 0px;
	text-align:center;
	
}

.listeboutons li:hover
{
	box-shadow: 0px 0px 1px 0px rgba(120,120,120,1);
	background-color:rgba(20,128,20,1);
	color:rgba(255,255,255,1);
	cursor:hand;cursor:pointer;
}

.listeboutons li a:link
{
	color:#000;
	
	text-decoration:none;
}

.listeboutons li a:visited
{
	color:#000;
	
	text-decoration:none;
}

.listeboutons li a:hover
{
	color:#fff;
	
	text-decoration:none;
}

.listeboutons li a:active
{
	color:#000;
	
	text-decoration:none;
}

.listeboutons li:hover a:link
{
	color:#fff;
	
	text-decoration:none;
}

.listeboutons li:hover a:visited
{
	color:#fff;
	
	text-decoration:none;
}

.listeboutons li:hover a:hover
{
	color:#fff;
	
	text-decoration:none;
}

.listeboutons li:hover a:active
{
	color:#fff;
	
	text-decoration:none;
}

.boutonvert
{
 list-style-image:url("../images/boutonvert.png");
}

.boutonjaune
{
 list-style-image:url("../images/boutonjaune.png");
}

.boutongris
{
 list-style-image:url("../images/boutongris.png");
}

.titrecellule
{
	font-weight:bold;
}

.tabledonnees td
{
	padding:5px;
}

.croixrouge
{
	list-style-image:url("../images/croixrouge.png");
}

ul.nodec li:before
{
	content: '✓';
	margin-right:20px;
	color:red;
	
}

.vignette-realisation
{
	position:relative;
	display:inline-block;
	border:solid 1px #ccc;
	width:300px;
	height:400px;
	text-align:center;
	padding:10px;
	margin:5px;
	vertical-align:top;
}

.vignette-realisation:hover
{
	cursor:hand;cursor:pointer;
}

.vignette-photo
{
	height:250px;
	max-width:350px;
	border-radius:5px;
	box-shadow:0px 0px 2px #ccc;
}

#parentpage
{
	display:block;
	position:absolute;
	z-index:4;
	width:60%;
	left:20%;
	text-align:center;
	background-color:rgba(240,240,240,0.9);
	box-shadow:0px 0px 2px #ccc;
}

#childpage
{
	display:block;
	position:relative;
	z-index:4;
	width:100%;
	text-align:center;
	
}

#childpage:hover
{
	cursor:hand;cursor:pointer;
}

.article
{
	display:inline-block;
	position:relative;
	box-shadow:0px 0px 1px 0px rgba(50,50,50,1);
	border-radius:3px;
	margin: 10px;
	height : 300px;
	width : 300px;
	text-align:center;
}

.article:hover
{
	cursor:hand;cursor:pointer;
	box-shadow:0px 0px 3px 0px rgba(50,50,50,1);
	
	
}

.imagearticle
{

	max-width:250px;
	max-height:200px;
	
	border-radius:3px;
}

.imagearticlecontainer
{
	display:table;
	position:relative;
	width:100%;
	height:80%;
	padding-top:10px;
	text-align:center;

}

#itemcontainer
{
	display:block;
	position:relative;
	margin-bottom:20px;
	
}

#itemimagecontainer
{
	display:inline-block;
	position:relative;
	box-shadow:0px 0px 3px 0px rgba(50,50,50,1);
	border-radius:3px;
	min-width:250px;
	text-align:center;
	margin-top:20px;
	padding:10px;
	
}

.itemimage
{
	display:inline-block;
	position:relative;
	max-width:350px;
	max-height:350px;
	
}

.itemdescription
{
	display:inline-block;
	position:relative;
	vertical-align:top;
	margin-left:20px;
	
}

.boutonajouter
{
	cursor:hand;cursor:pointer;
	padding:8px;
	background-color:rgba(100,100,100,1);
	color:rgba(220,220,220,1);
	border-radius:3px;
}

.boutonajouter:hover
{
	background-color:rgba(225,25,25,1);
	color:rgba(240,240,240,1);
}

.boutonpanier
{
	cursor:hand;cursor:pointer;
	padding:8px;
	background-color:rgba(100,100,100,1);
	color:rgba(220,220,220,1);
	border-radius:3px;
	margin-right:10px;
}

.boutonpanier:hover
{
	background-color:rgba(225,25,25,1);
	color:rgba(240,240,240,1);
}

.tableaupanier
{
	border-collapse: collapse;
	border: 1px solid black;
	border-radius:5px;
}

.tableaupanier td
{
	padding: 10px;
	text-align: left;
}

.firstrow
{
	font-weight:bold;
	background-color: rgba(40,40,40,1);
	color:rgba(240,240,240,1);
	
}

.evenrow
{
	background-color: rgba(225,185,185,0.975);
	line-height:100px;
}

.oddrow
{
	background-color: rgba(225,225,225,0.975);
	line-height:100px;
}

.inputnumbercontainer
{
	display:table-cell;
	position:relative;
	font-size:16pt;
	padding-left:0px;
	padding-right:0px;
	width:50px;
	border-top:solid 0px rgb(200,200,200);
	border-bottom:solid 1px rgb(200,200,200,0);
	border-radius:0px;
	margin-right:0px;	
	vertical-align:middle;
	background-color:rgba(160,160,160,0.5);
	text-align:center;

}

.inputnumber
{
	width:50px;
	height:30px;
	padding:6px;
	font-size:16pt;
	vertical-align:middle;
	background-color:rgba(160,160,160,0.5);
	border-width:0px;
	text-align:center;
	user-select: none;

}



.numberplus
{
	display:table-cell;
	position:relative;
	font-size:16pt;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	color:rgb(255,255,255);
	background-color:rgb(40,40,40);
	padding-left:5px;
	padding-right:5px;
	width:20px;

	border-radius:0px 5px 5px 0px;
	margin-right:0px;
	user-select: none;

	
	
}

.numberplus:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgb(100,100,100);
}

.numberminus
{
	display:table-cell;
	position:relative;
	font-size:16pt;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	color:rgb(255,255,255);
	background-color:rgb(180,25,25);
	padding-left:5px;
	padding-right:5px;
	width:20px;
	
	border-radius:5px 0px 0px 5px;
	margin-right:0px;
	user-select: none;
	
}

.numberminus:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgb(220,25,25);
}

.itemdelete
{
	
}




#message
{
	display:none;
	position:absolute;
	z-index:3;
	width:100%;
	text-align:center;
	padding:5px;
	background-color:rgba(255,192,0,0.75);
	text-shadow:0px 0px 1px rgba(255,255,255,1);
}

#message:hover
{
	cursor:hand;cursor:pointer;
}

}