@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

/* CSS Document */

body {
	background-attachment: fixed;
	background-color: #ffff00;
	background-image: url(images/bgd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#global {
	width: 981px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	height: 1200px;
}
.cb {
	margin-top: 25px;
	margin-left: 25px;
}

#header {
	background-color: #ff6699;
	float: left;
	height: 246px;
	width: 981px;
	clear: both;
}
#logo {
	height: 246px;
	width: 321px;
	background-image: url(images/logo.jpg);
	float: left;

}
#flash {
	background-image: url(images/flash.jpg);
	float: left;
	height: 246px;
	width: 660px;

}
#sitemiddle {
	float: left;
	width: 981px;
	clear: both;
}
#left {
	float: left;
	width: 210px;
}

#leftop {
	float: left;
	width: 210px;
	background-image: url(images/left_top.jpg);
	height: 200px;
	background-repeat: no-repeat;
}
#leftmiddle {
	float: left;
	width: 210px;
	background-image: url(images/left_middle.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: left top;
}
#devis{
	display: block;
	width: 120px;
	height: 120px;
	background-image: url(images/btn-mail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 70px;
	margin-left: 40px;
}
/* on décale l'image de fond de la hauteur du lien, soit 31 px */
#devis:hover,#devis:active,#devis:focus{
	background-position: left bottom;
}
/* permet de cacher le texte du lien */
#devis span{
  display:inline-block;
  text-indent: -5000px;}

#upload{
	display: block;
	width: 120px;
	height: 120px;
	background-image: url(images/btn-fichiers.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 40px;}
/* on décale l'image de fond de la hauteur du lien */
#upload:hover,#upload:active,#upload:focus{
	background-position: left bottom;}
/* permet de cacher le texte du lien */
#upload span{
  display:inline-block;
  text-indent: -1000px;}
#leftbottom {
	float: left;
	width: 210px;
	background-image: url(images/left_bottom.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: left bottom;
	height: 455px;
}
#right {
	background-attachment: fixed;
	background-image: url(images/right_bottom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 750px;
	float: left;

}

#bannieres {
	width: 750px;
	margin-top: 30px;
	float: left;
}
#vignettes {
	width: 750px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;}

.encart {
	float: left;
	height: 200px;
	width: 350px;
	margin: 35;}

#footer {
	background-color: #e81b28;
	background-attachment: scroll;
	background-image: url(images/footer_btn.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 250px;
	width: 981px;
	clear: both;
	float: left;
	text-align: center;
}
#mentions   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}
#admin{
	display: block;
	width: 194px;
	height: 60px;
	margin-top: 22px;
	margin-left: 450px;
}
#access{
	display: block;
	width: 194px;
	height: 60px;
	background-image: url(images/btn-access.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	margin-left: 0px;
}
/* on décale l'image de fond de la hauteur du lien, soit 31 px */
#access:hover,#access:active,#access:focus{
	background-position: left bottom;
}
/* permet de cacher le texte du lien */
#access span{
  display:inline-block;
  text-indent: -5000px;}

#formulaire {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #00CCFF;
	height: 2000px;
	width: auto;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}


.btn {
	float: left;
	height: 120px;
	width: 120px;
	clear: both;
	margin-left: 30px;
	margin-top: 60px;
}
.btn2 {
	float: left;
	height: 120px;
	width: 120px;
	clear: both;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
}


.pub {
	height: 220px;
	width: 714px;
	border: thin solid #CCC;
	border-radius: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.pub2 {
	height: 200px;
	width: 714px;
	border: thin solid #CCC;
	border-radius: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.mini-pub {
	margin-top: 10px;

}
.mini-pub2 {
	margin-left: 15px;
}