/* CSS Document */
<!--
body{
	margin: 0px;
	background-image:url(../images/gif/pixbackground.gif);
	/*background-image:url(../images/jpg/noel_back.jpg);*/
	background-attachment:scroll;
}

/*********************/
/*CONTENEUR*/
/*********************/
div#conteneur_gene
{
	width: 775px;
	margin: auto;
	text-align: left;
	background-color:#FFFFFF;
}

div#conteneur_header
{
	width: 775px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	position: static;
}

div#conteneur_menu
{
	width: 775px;
	height:35px;
	margin: 0 auto;
	background: #fff;
	position: static;
}


div#content
{
	width:775px;
	margin:0px;
	text-align: left;
	background-color:#FFF;
}

div#conteneur_edito
{
	width: 400px;
	margin-left:10px;
	text-align: left;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin-bottom: 10px;
	background-image:  url("../images/gif/head_article.gif");
	background-repeat: repeat-x;
	background-position: top;
}

div#conteneur_affiche
{
	width: 315px;
	height:auto;
	margin-bottom:15px;
	/*background-image:  url("../images/png/bg_affiche.png");
	background-repeat: no-repeat;*/
}

div#conteneur_souris
{
	width: 300px;
	height:75px;
	margin-bottom:10px;
	background-image:  url("../images/png/clicrouge.png");
	background-repeat: no-repeat;
}

div#conteneur
{
	width: 300px;
	height:75px;
	margin-top:5px;
	margin-bottom:5px;
	background-image:  url("../images/gif/fd_conteneur.gif");
	background-repeat: no-repeat;
}

div#conteneur_big
{
	width: 300px;
	height:150px;
	margin-top: 10px;
	margin-right: 10px;
	background-image:  url("../images/gif/fd_conteneurbig.gif");
	background-repeat: no-repeat;
}


div#conteneur_news
{
	width: 400px;
	margin-left:10px;
	text-align: left;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin-bottom: 10px;
	background-image:  url("../images/gif/head_article.gif");
	background-repeat: repeat-x;
	background-position: top;
	overflow:auto;
}
/*********************/
/*TEST BORD ROND*/
/*********************/



/*********************/
/*MENU*/
/*********************/
ul#menu
{
	width: 775px;
	height: 30px;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menu li{
	float: left ;
	text-align: center ;
}

ul#menu li a{
	width: 154px;
	height: 35px;
	line-height: 27px;
	font-size: 14px;
	font-variant:small-caps;
	font-weight:bold;
	color: #FFFFFF;
	display: block;
	background:  url("../images/gif/bg_menu.gif") repeat-x;
	font-family: Geneva, Arial, Helvetica, san-serif;
	text-decoration: none;
	border-right: 1px solid #FFF ;
}

ul#menu li a:hover{
	line-height: 27px;
	font-size: 13px;
	background:  url("../images/gif/bg_menu2.gif");
}

/*********************/
/* TITLE */
/*********************/

div.title
{
	width: 100px;
	height: 20px;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006699;
	margin-left:10px;
	border-right: 1px solid #CCC;
}

div.ttnews
{
	width: 20px;
	height: 20px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	float:right;
}

/*********************/
/* EDITO */
/*********************/


div#conteneur_edito h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin:10px;
}

div#conteneur_edito p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left:10px;
	margin-right:10px;
	margin-top:-5px;
	margin-bottom:10px;
}

div#conteneur_edito a{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	margin-left:300px;
}


/*********************/
/* NEWS */
/*********************/

table.newstitre{
margin:10px 10px 10px 10px;
height:80px;
width:375px;
}

table.ttnewstitre{
margin:10px 10px 10px 10px;
height:100px;
width:100%;
}

td.titre{
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	margin:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
}

td.date{
	height:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:10px;
	margin-top:-8px;
}

td.news{
	height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:10px;
	margin-right:10px;
	margin-top:-8px;
}

td.tof{
	text-align: center;
	height:80px;
}

td.lireplus {
	height:10px;
}

td.lireplus a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CCCCCC;
}

td.lireplus a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#006699;
}

#photonews{
float:right;
height:auto;
width:auto;
}


/*********************/
/*BLOCS*/
/*********************/

div#edito{
width:400px;
}

#bloc_droit{
margin-top:10px;
margin-right: 10px;
float:right;
}

#bloc_gauche{
margin-top:10px;
margin-left:10px;
float:left;
}


div#bloc_droit h1{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-variant: small-caps;
color: #006699;
font-size: 14px;
line-height: 22px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFCC00;
margin-left:10px;
margin-right:10px;
margin-bottom:-19px;
}


div#bloc_droit p{
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
margin-left:10px;
margin-right:10px;
}

div#conteneur p, form{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left:10px;
margin-right:10px;
}


p#footer a{
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 10px;
}


/*********************/
/*IMAGES*/
/*********************/
div#conteneur img{
text-align: right;
}

#news .logo{
	float: right;
	padding: 0px;
}


/*********************/
/*METEO*/
/*********************/

div#weather {
margin-left:50px;
}

/*********************/
/*DOWNLOAD*/
/*********************/

div#download {
	margin-left:40px;
	margin-top:19px;
	margin-right:40px;
}

td {
font:normal 8pt Verdana
}



/*********************/
/*FORMULAIRE*/
/*********************/
div#contact {
	margin-left:10px;
}

#formulaire{
	margin-top:27px;
}

#formulaire input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent:5px;
	color: #C0c0c0;
	float:left;
}

#formulaire select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent:5px;
	color:#000000;
	float:left;
}


#formulaire .envoyer{
	margin: 3px;
	float:right;
}

#message{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 10px;
}


/*********************/
/* Articles breves */
/*********************/
.breves {
padding-top:32px;
padding-left:55px;
}

.breves span {
font-family:Arial, Helvetica, sans-serif;
color:#CC3300;
font-size:11px;
}

.breves a {
font-family:Arial, Helvetica, sans-serif;
color:#CC3300;
font-size:11px;
text-decoration:none;
}

.breves a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#CC3300;
font-size:11px;
text-decoration:none;
}

/*********************/
/* Articles a la une */
/*********************/
#aLaUne{
	width:99%;
}

#aLaUne .article{
	text-align:justify;
}

#aLaUne .texte{
	overflow:auto;
	height:142px;
	padding:5px;
}

#aLaUne .article h2{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #DB092B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
#aLaUne .article h3{
	padding: 0px;
	margin: 3px 0px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}


#aLaUne .article .texte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#aLaUne .article .texte img{
float:left;
margin-right:10px;
}

/*********************/
/* FOOTER */
/*********************/

div#footer {
	clear:both;
	height:20px;
	background-color: #FFCC00;
	text-align:center;
}

#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	padding:0 5px;
	border-right: 1px solid #FFF;
}

#footer a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: underline;
	padding:0 5px;
}