@charset "UTF-8";

.page_bas{
	float:right;
	position:relative;
	left:0px;
	width:800px;
	padding-left: 13px;
	padding-top: 5px;
	padding-right: 13px;
	text-align: left;
}
#contenu_news_accueil {
	position:relative;
	width: 920px;
	
	clear:both;
	margin-right: auto;
	margin-left: auto;
padding-left:20px
padding-right:20px
}
.contentu_droite_contact {
	float: right;
	width: 530px;
	position: relative;
}
/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.pieces {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	-moz-user-select: none;
	-khtml-user-select: none;
	height: 160px;
}

body {
	background-image: url(../images/pattern_bleu.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}

#global{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 920px;
	padding-right: 10px;
	padding-left: 10px;
	top: 0;
	background-image: url(../images/pattern.png);
}

#header {
position:relative;
	top:0px;
	width:920px;
	height:45px;
	z-index:2;
	margin-right: auto;
	margin-left: auto;
	text-align: right;

}

#menu_gauche{
	float:left;
	position:relative;
	width: 73px;
	height:410px;
	margin: 0px;
	top: 0px;
	left: 10px;
}
#menu_droite{
	float:right;
	position:relative;
	text-align:justify;
	width: 800px;
	padding-top: 10px;
	padding-right: 14px;
	background-color: #FFFFFF;
}

#contenu2 {
	position:relative;
	width: 920px;
	height:10px;
	clear:both;
	margin-right: auto;
	margin-left: auto;
}

#texte_contact {
	position:absolute;
	top:95px;
	width:347px;
	height:207px;
	left: 362px;
}

#footer{
	position:relative;
	width: 940px;
	height:50px;
	clear:both;
	margin-right: auto;
	margin-left: auto;
}
.boutons {
	position: absolute;
	height: 140px;
	width: 140px;
	z-index: 0;
}




a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: underline;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #285281;
	text-decoration: underline;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: underline;
}

.style a {
	font-family: Arial, Helvetica, sans-serif;
}


.style a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #285281;
	text-decoration: none;
	font-weight: bold;
}
.style a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #285281;
	text-decoration: none;
	font-weight: bold;
}
.style a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}
.style a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #285281;
	font-weight: bold;
}
.titre_noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #285281;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #285281;
}


.float {
	float: left;
	height: 140px;
	width: 160px;
}
.contentu_gauche_contact {
	float: left;
	width: 250px;
	position: relative;
}


#footer-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:104px;
	height:50px;
}

#footer-02 {
	position:absolute;
	left:104px;
	top:0px;
	width:151px;
	height:50px;
}

#footer-03 {
	position:absolute;
	left:255px;
	top:0px;
	width:89px;
	height:50px;
}

#footer-04 {
	position:absolute;
	left:344px;
	top:0px;
	width:207px;
	height:50px;
}

#footer-05 {
	position:absolute;
	left:551px;
	top:0px;
	width:216px;
	height:50px;
}

#footer-06 {
	position:absolute;
	left:767px;
	top:0px;
	width:173px;
	height:50px;
}
.float_kudelka {
	float: left;
	height: 140px;
	width: 200px;
}
.pieceskudelka {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	-moz-user-select: none;
	-khtml-user-select: none;
	height: 220px;
}
.floatkudelka {
	float: left;
	height: 202px;
	width: 160px;
}
.piecesnouvelles {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	-moz-user-select: none;
	-khtml-user-select: none;
	height: 350px;
}
.floatnouvelles {
	float: left;
	height: 300px;
	width: 230px;
}
#social{
	float: left;
	height: 45px;
	width: 104px;
	}
#menu {
	float: right;
	height: 45px;
}