body{font-size:1em;font-family:Arial, Helvetica,sans-serif;color:#000000;}
body,html{width:100%;background:white;margin:0;text-align:center;}
a{color:#000000}
a:focus,a:active {outline: none;}
body{font-size:62.6%;}
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
p { font-size:1.2em; margin-top: 0px; margin-bottom: 12px;}
a {font-size:12px; }
.cacher {display:block;margin-top:-5000px;position:absolute !important;margin-left:-50000px;width:1px; overflow:hidden; height:1px;}
img {border:0} 
.clearer {display:block; clear:both;font-size:0px;line-height:0px; } 
ul {list-style-type:square; padding:10px;margin:0;}


#largeur {width:955px;margin-left:auto;margin-right:auto;position:relative; overflow: hidden;text-align:left;}

#header{
	width: 955px;
	height: 162px;
	background: transparent url(../img/header.jpg) no-repeat;
	overflow: hidden;
	position: relative;
}
#logo {text-align:left; position: absolute; top: 0px;  left: 20px;}

#langues{position: absolute; right: 0px; top: 0px;}
#langues ul{list-style: none; padding: 3px 0 0 0;}
#langues ul li{display: inline; margin-right: 22px;}
#langues ul li a{dispay: block; height: 18px; width: 16px; overflow: hidden;}
#langues ul li a.selected{border-bottom: solid 3px #a2131c;}
#langues ul li a:hover{border-bottom: solid 3px #a2131c;}

#recherche {
	position: absolute;
	top: 118px;
    right: 237px;
    background: url('../img/background_recherche.jpg') no-repeat;
    width: 326px;
    height: 28px;
}

#rechercheForm input#inputRecherche {
	width: 283px;
	height: 14px;
	border: 1px solid #8b8d88;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1.1em;
	margin-top: 3px;
	margin-left: 27px;
	padding-left: 5px;
}

#menuHeader{position: absolute; right: 20px; top: 45px;}

#menuHeader a{display: block; width: 113px; height: 23px; padding: 6px 0 0 40px; font-size: 1.1em; text-decoration: none; margin-bottom: 8px;_width: 153px; _height: 29px;}
a#menuHeader1{background: transparent url(../img/menuHeaderPersonelSpace.gif) no-repeat;}
a#menuHeader2{background: transparent url(../img/menuHeaderDownloadCenter.gif) no-repeat;}
a#menuHeader3{background: transparent url(../img/menuHeaderWebstore.gif) no-repeat;}
a#menuHeader1:hover,a#menuHeader2:hover,a#menuHeader3:hover{color: #A2131C;}

a#menuHeader1selected{color: #FFFFFF; background: transparent url(../img/menuHeaderPersonelSpaceSel.gif) no-repeat;}
.personnal{background: transparent url(../img/menuHeaderPersonelSpaceLog.gif) no-repeat !important;}

a#menuHeader2selected{color: #FFFFFF; background: transparent url(../img/menuHeaderDownloadCenterSel.gif) no-repeat;}
a#menuHeader3selected{color: #FFFFFF; background: transparent url(../img/menuHeaderWebstoreSel.gif) no-repeat;}
#main{
	background: transparent url(../img/backMain.gif) repeat-y;
	float:left;
	z-index: 1;
}
#mainTop{
	background: transparent url(../img/backMainTop.gif) no-repeat;
	width: 955px;
	height: 9px;
}
#mainMiddle{
	float: left;
	width: 955px;
	background: transparent url(../img/backMainMiddle.gif) left bottom no-repeat;
	min-height: 550px;
	_height: 550px;
	padding-bottom: 10px;
}


#menuLeft{
	width: 160px;
	_width: 178px;
	float: left;
	min-height: 10px;
	_height: 10px;
	padding: 10px 10px 0 8px;
	z-index: 1;
}
#menuLeft ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#menuLeft ul li{
	margin: 0px;
	padding: 4px 0;
}
#menuLeft ul li a{
	display: block;
	padding:4px 0px 4px 35px;
	background: transparent url(../img/backLinkMenuLeft.gif) left top no-repeat;
	text-decoration: none;
}
#menuLeft ul li a:hover{
	color: #A2131C;
	background: transparent url(../img/backLinkMenuLeftOver.gif) left top no-repeat;
}
#menuLeft ul li a.selected{
	color: #000000;
	background: #d4cbc5 url(../img/backLinkMenuLeftSel.gif) left top no-repeat;
}
#menuLeft ul li ul{
	padding: 0 0 0 20px;
	margin: 0px;
	list-style: none;
}
#menuLeft ul li ul li{
	padding: 0px;
	margin: 0px;
}
#menuLeft ul li ul li a{
	padding: 0 0 0 15px;
	margin: 2px 0 0 0;
	background: transparent url(../img/puceSsMenuLeft.gif) left center no-repeat;
	color: #000000;
}
#menuLeft ul li ul li a:hover,#menuLeft ul li ul li a.selected{
	background: #b34444 url(../img/puceSsMenuLeftSel.gif) left center no-repeat;
	color: #FFFFFF;
}

#content{
	float :left;
	width: 760px;
	_width: 777px;
	padding: 0 7px 25px 10px;
}
#contentTop {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 25px;
}
#contentTop h1{
	background: #a0141c url(../img/backH2.gif) repeat-x;
	margin: 0px;
	padding: 12px 20px;
	color: #FFFFFF;
	font-size: 2.4em;
	font-weight: normal;
	float: left;
}
#footer{
	position: absolute;
	right: 21px;
	bottom: 11px;
	height: 18px;
	border-top: solid 2px #d9dadb;
	width: 695px;
	text-align: right;
}
#footer ul{
	list-style: none;
	padding: 0 0 0 0;
	margin: 3px 0 0 0;
	border-left: solid 1px #000000;
	float: right;
}
#footer ul li{
	display:inline;
	padding: 0 4px 0 4px;
	border-right: solid 1px #000000;
}

#footer ul li a{
	font-size: 1em;
	color: #000000;
	text-decoration: none;
}
#footer ul li a:hover, #footer ul li a.selected{
	color: #A2131C;
}
#link_footer_rss{
	float: right;
	border-left: 1px solid #000000;
	margin: 3px 0 0;
	padding: 0 4px;
} 
#link_footer_rss a{
	font-size: 1em;
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 0 0 0 17px;
	background: transparent url(../img/rss.png) left center no-repeat;
}
#link_footer_rss a:hover{
	color: #A2131C;
}

/*PARAGEAPHE*/
.para{
	padding: 0 80px 0 70px;
	overflow: hidden;
	position: relative;
	_width: 100%;
}
.para h2{
	font-size: 1.8em;
	color: #000000;
	font-weight: normal;
	margin: 10px 0;
	padding-left: 30px;
}
.para h3{
	font-size: 1.4em;
	color: #a2131c;
	font-weight: normal;
	margin: 7px 0;
	padding-left: 30px;
}
.para hr{
	margin-left: 30px;
	margin-bottom:15px;
}
.para p hr, .para h4 hr{
	margin-left: 0px;
}
.para p{
	padding-left: 30px;
	line-height: 17px;
}
.para img.imgLeft{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-left: 30px;
}

.para img.imgRight{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.para div.imgLeft{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-left: 30px;
}

.para div.imgRight{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.para div.paraDate{
	float: left;
	color: #a2131c;
	font-size: 1.2em;
	font-weight: bold;
	width: 50px;
	text-align: right;
}
.para div.paraTexte{
	padding-left: 60px;
	display: block;
}
.para div.paraTexte p{
	padding-left: 0px;
}
.para div.imgRightHisto{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.para img.imgRightHisto{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.para a{
	color: #a2131c;
	text-decoration: none;
	padding: 0 2px;
}
.para a:hover{
	text-decoration: underline;
}
.para ul {
	padding: 0 0 0 50px;
	/*list-style: none;*/
	list-style-image : url('../img/puce.gif');
	list-style-position: outside;
	margin-bottom: 12px;
}
.para ul li{
	font-size: 1.2em;
	/*padding-left: 18px;*/
	padding-bottom: 5px;
	/*padding-left: 20px;*/
	/*background: transparent url('../img/puce.gif') left 2px no-repeat; */
	/*background: transparent url('../img/puce.gif') no-repeat;*/
}
.para ul li ul{
	padding: 0 0 0 20px;
	/*list-style: none;*/
	list-style-image : url('../img/puce1.gif');
	list-style-position: outside;
	margin-bottom: 12px;
}
.para ul li ul li{
	font-size: 1em;
	/*padding-left: 18px;*/
	padding-bottom: 5px;
	/*background: transparent url('../img/puce1.gif') left 2px no-repeat;*/
}
.para ul li ul li ul{
	padding: 0 0 0 20px;
	/*list-style: none;*/
	list-style-image : url('../img/puce2.gif');
	list-style-position: outside;
	margin-bottom: 12px;
}
.para ul li ul li ul li{
	font-size: 1em;
	/*padding-left: 18px;*/
	padding-bottom: 5px;
	/*background: transparent url('../img/puce.gif') no-repeat;*/
}
.para ul li a{
	color: #a2131c;
	text-decoration: none;
	background: none;
}
.para ul li a:hover{
	color: #a2131c;
	text-decoration: underline;
	background: none;
}
.para a.paraLink{
	color: #a2131c;
	background: transparent url('../img/puce.gif') no-repeat;
	padding-left: 18px;
	text-decoration: none;
}
.para a.paraLink:hover{
	text-decoration: underline;
}
.para a.paraDownload{
	color: #a2131c;
	background: transparent url('../img/puceDownload.gif') no-repeat;
	padding-left: 18px;
	text-decoration: none;
}
.para a.paraDownload:hover{
	text-decoration: underline;
}
.para div.imgCenter{
	text-align: center;
}
.para .paraCode{
	padding-left: 30px;
	text-align: center;
	margin-bottom: 12px;
}
.para .paraCode table{
	width: 530px;
	text-align: left;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	background: transparent url(../img/backParaTable.gif) repeat-y;
}
.para .paraCode table td{
	width: 33%;
	border: none;
	padding-left: 10px;
	padding-right: 10px;
}
.para .paraCode table a{padding:0;}
.para .paraCode table .hover{display:none;}
.para .paraCode table a.rollover:hover .hover{display:block;}
.para .paraCode table a.rollover:hover .out{display:none;}


#deco_espace a{font-size:1em; text-decoration:underline;}
#deco_espace a:hover{text-decoration:none;}
#deco_espace{

	
	right:0;
	position:absolute;
	top:24px;


}
#deco_espace a{font-size:1em; text-decoration:underline; height: auto; text-align: left; padding: 0; margin: 0; width: auto;}
#deco_espace a:hover{text-decoration:none;}

#copyright{float:left;margin-top:3px;}


.o_messages{
	
	background:#e4ddda;
	padding:5px 10px;
	margin-bottom:5px;
	font-weight:bold;
}

.o_messages p{margin:0;}
.o_messages_error{color:#d00000;}
.o_messages_info{color:#806F43;}