/* Feuille de styles */

/* #################################################### */

/* Styles generaux */

*
{
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
}

#container
{
    width: 100%;
    font-family: verdana, sans-serif;
    font-size: 11px;
    line-height: 17px;
}

.clear
{
    height: 6px;
    clear: both;
}

a
{
    color: #4A463B;
    text-decoration: underline;
}

sup
{
    color: #FF5032;
}

/* #################################################### */

/* Styles du Header */

#header
{
    background-color: #ffffff;
    background-image: url('images/bg_header.jpg');
    background-repeat: repeat-x;
    background-position: top;    
    height: 94px;
}

#header #headercenter
{
    width: 830px;
    margin-left: auto;
    margin-right: auto;
	overflow:hidden;
	/*border:1px solid red;*/
	position:relative;
}

#header .logo
{
    float: left;
    margin-top: 23px;
}
#header .languesmenu
{
    position:absolute;
	top:0;right:0;
	list-style:none;
	text-transform:uppercase;
	font-size:10px;
}
#header .languesmenu a
{
	text-decoration:none;
}
#header .headermenu
{
    position:absolute;
	top:0;right:0;
    margin-top: 63px;
	width:840px;
	height: 31px;
	overflow:visible;
}
#header .headermenu a
{
    margin-left: 15px;
    display: block;
	height: 31px;
}

#header .headermenu a:hover
{
    background-image: url('images/activehoover.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
}

#header .headermenu .active
{
    background-image: url('images/activehoover.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 31px;
}

#header .headermenu li
{
    /*display: inline;
    float: left;*/
	float:right;
	list-style:none;
	display:inline;
	_width:0;
}

/* #################################################### */

/* Styles du sous-menu */

#sousmenu #sousmenucenter
{
    width: 830px;
    padding: 6px 0px 6px 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#sousmenu #sousmenucenter .sousmenumenu li
{
    display: inline;
    margin-right: 15px;
}
#sousmenu #sousmenucenter .sousmenumenu li a{
	font-weight:normal;
	font-size:11px;
	color:#464438;
	white-space:nowrap;
}
#sousmenu #sousmenucenter .sousmenumenu li a.active{
	text-decoration:none;
	color:#FF412A;
}
/* #################################################### */

/* Styles de la ContentArea */

#contentarea
{
    background-color: #ffffff;
    background-image: url('images/bg_contentarea.jpg');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 21px;
	padding-bottom:21px;
}

#contentarea #contentareacenter
{
    width: 830px;
    margin-left: auto;
    margin-right: auto;
}

#contentarea .banner
{
    margin-bottom: 20px;
}

#contentarea .left
{
    text-align: justify;
    width: 500px;
    float: left;
}
#contentarea .large-left
{
    text-align: justify;
    width: 800px;
    float: left;
}
#contentarea .right
{
    text-align: left;
    width: 300px;
    float: left;
    margin-left: 30px;
}

#contentarea .HEADER-Website,#contentarea .HEADER-Page,#contentarea .HEADER-Browser
{
    font-weight: bold;
    margin-bottom: 20px;
}

/*#contentarea h2
{
    color: #FF5032;
    font-family: georgia,serif;
    font-size: 22px;
    margin-bottom: 10px;
}*/
#contentarea ul{
	margin-left:20px;
}
/*#contentarea .css h2,#contentarea .css */h1
{
    color: #FF5032;
    font-family: georgia,serif;
    font-size: 22px;
    margin-bottom: 12px;
    font-weight: normal;    
}
#contentarea .css h1{
	font-size: 18px;
}

#contentarea h2
{
    color: #02B7ED;
    font-family: georgia, serif;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: normal;
}
#contentarea .css h2{
	font-size: 16px;
}

#contentarea h2 a{
	text-decoration:none;
	color:#02B7ED;
}
/* Identique à h2blue, le float en plus */
#contentarea .h2bluef
{
    float: left;
    color: #02B7ED;
    font-family: georgia, serif;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: normal;
}

#contentarea .citation
{
    font-family: georgia, serif;
    border-top: 1px solid #DADAD8;
    border-bottom: 1px solid #DADAD8;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
#contentarea .right-block{
	font-family: georgia, serif;
    /*border-top: 1px solid #DADAD8;*/
    border-bottom: 1px solid #DADAD8;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0px;
	position:relative;
}

#contentarea .explication
{
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #707070;
    border-top: 1px solid #DADAD8;
    border-bottom: 1px solid #DADAD8;
    padding-top: 15px;
    padding-bottom: 15px;
}

#contentarea .explication p
{
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
}

#contentarea .contentnews
{
    float: left;
    margin-bottom: 25px;
}

#contentarea h3
{   
    font-family: georgia, serif;
    font-size: 20px;
    font-weight: normal;
}

#contentarea .news h4
{
    font-family: georgia,serif;
    text-decoration: underline;
    font-size: 13px;
    color: #25C1EF;
    padding-bottom: 5px;
}

#contentarea h4 a
{
    color: #11BBEE;
}

#contentarea hr
{
    margin-bottom: 20px;
}

#contentarea .calendardate
{
    float: left;
    /*width: 35px;*/
}
#contentarea  .contentnews .calendardate{
	margin-left: -50px;
}
#contentarea p
{
    margin-bottom: 15px;
}

#contentarea .blocknews
{
    padding-top: 15px;
    background-image: url('images/pointilles.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
}


#contentarea .news
{
    float: left;
    margin-left: 10px;
    width: 250px;
}

#contentarea .readallnews
{
    margin-top: 20px;
    margin-left: 10px;
    font-weight: bold;
    background-image: url('images/minifleche.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

#contentarea .blockarchivednews
{
    background-image: url('images/pointilles.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 10px;
    padding-top: 10px;
}

#contentarea .blockarchivednews ul li
{
    list-style-type: none;
    margin-bottom: 4px;
}

#contentarea .blockarchivednews ul li .nbarchives
{
    color: #B1AB9C;
}

#contentarea .contentnews .HEADER-Image
{
    background-color: #EDECEA;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left:0;
    padding-right:0;
    margin-top: -20px;
    /*width: 490px;*/ /* Note pour la programmation: Adapter cette taille en fonction de la taille de l'image concernée par cette légende */
}
#contentarea .contentnews .HEADER-Image p{
	padding-left: 10px;
    padding-right: 10px;
}
.Image{
	margin-bottom:10px;
}

.titlecompany
{
    color: #FF5032;
    font-family: verdana,sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: bold;    
}

.coordonees
{
    border: 1px solid #D1D1CE;
    padding: 15px;
}

.googlemaplink
{
    font-weight: bold;
    background-image: url('images/minifleche.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

/* Styles du tableau/formulaire de la page "contact us" */

#contentarea .contactusform
{
    width: 100%;
    padding-bottom: 20px;
}

#contentarea .contactusform .submit
{
    text-align: center;
    padding-top: 10px;
}

#contentarea td
{
    padding-right: 15px;
}

#contentarea input
{
    border: 1px solid #D0D0D0;
    width: 200px;
}

#contentarea .submitbutton
{
    width: 100px;
}

#contentarea textarea
{
    border: 1px solid #D0D0D0;
    width: 100%;
}

/* #################################################### */

/* Styles du Footer */

#footer
{
    clear: both;
    background-color: #4a463b;  
    background-image: url('images/bg_footer.jpg');
    background-repeat: repeat-x;  
    background-position: top;        
    height: 100px;
    font-size: 10px;
}

#footer #footercenter
{
    width: 830px;
    height: 12px;
    margin-left: auto;
    margin-right: auto;
}

#footer a
{
    font-size: 10px;
    font-weight: bold;
    color: #96938A;
    margin-left: 7px;
    margin-right: 7px;
}

#footer .footermenu
{
    padding-top: 8px;
}

#footer .footermenu li
{
    display: inline;
    float: left;
}
#footer .footermenu li a
{
    text-transform:uppercase;
}
#footer .footermenu .minilogo
{
    margin-right: 15px;
    font-size: 13px;
    color: #ffffff;
}

#footer .footermenu .gotop
{
    float: right;
}

/* #################################################### */

/* Sandbox */



/* #################################################### */

p.Message{
	color:green;
}

p.Warning{
	color:red;
}
body#Websites{
	text-align:center;
}
div#Websites{
	margin:0 auto;
	margin-top:200px;
	text-align:left;
}
.Website-Logo{
	float:left;
	text-align:center;
	margin-left:25px;
	margin-right:25px;
}
.Website-Logo a{
	text-decoration:none;
}
.Website-Logo h1{
	font-size:12px;
}
.BODY-Page{
	padding-bottom:20px;
}
.link-all-over{
	position:absolute;
	height:100%;
	width:100%;
	text-decoration:none;
}
.alert{
	color:red;
}
a.anchor{
	text-decoration:none;
	font-size:0px;
}

.css img{
	margin:5px;
}
.css .quote{
	font-style:italic;
	padding-left:20px;
	padding-right:20px;
	color:#333333;
}
.sitemap{
	margin-bottom:10px;
}