/***************************************
 * TITLE: Prosimii Screen Stylesheet   * 
 * URI  : prosimii/prosimii-screen.css *
 * MODIF: 2004-Apr-28 21:43 +0800      *
 * ----------------------------------- *
 *     adapté 04/02/2006 - jimro       *
 ***************************************/


.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.fltrght { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: right;
	margin-left: 8px;
	width: 250px;
	text-align: center;
}

.fltrght p, ,fltlft p {
	display: block;
	margin: 0 0 17px;
}

#mainContent ul {
	color: #666666;
}
#mainContent ol {
	color: #092D51;
	font-size:11px;
}
#mainContent li {
	color: #000;
	font-size:100%;
	text-align: left;
	text-transform: none;
	list-style-position:outside;
	margin-bottom:10px;
	line-height: 1.6;
	margin-left: 36px;
	font-family: Verdana, Arial, sans-serif;
}
#mainContent table tr td {border-bottom: dashed 1px #999;}
#mainContent ul.listelien {
	margin-left:20px;
	margin-top:5px;
	margin-bottom:10px;
}
#mainContent li.listelien {
	color: #092D51;
	font-size:100%;
	font-family: Verdana, Arial;
	list-style-position:outside;
	margin-bottom:5px;
	margin-left:0px;
}
#mainContent li.niveau2 {
	color: #666666;
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-align: left;
	text-transform: none;
	text-indent: 0px;
	list-style-type: square;
	list-style-position:outside;
	margin-bottom:10;
	margin-left:20;
}
div#header2 h2 {
	float: left;
	position: relative;
	width: 225px;/*220px*/
	margin: 4px 0 0 20px;
	padding: 0;
	height: 35px;
	clear: left;
	background: url(../../templates/temp/images/_bg_top.gif) no-repeat center top;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header2 h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
div#header2 h2 a {
	position: absolute;
	width: 227px; /*185, 250px*/
	background-color: transparent;
	left: -8px;
	text-decoration:none;
	top: 6px;
	height: 32px;
}
div#header2 h2 a span {
	position: absolute;
	left: -9000px;
}
div#header2-coindroit {
	float: right;
	width: 386px;
	height: 30px;
	margin-right:0px;
	background: transparent url(../skin/d2_grafx.gif) no-repeat right top;
	z-index: 200;
}
div#header h1 {
	float: left;
	position: relative;
	width: 280px;/*220px*/
	padding: 0;
	height: 31px;
	clear: left;
	background: url(../../templates/temp/images/logo_freb.gif) no-repeat 15px;
	top: 50px;
}
div#header h1 a {
	width: 100%;
	text-decoration:none;
	top: -1px;
	height: 30px;
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	background: url(../../templates/temp/images/_logo_pnh.gif) no-repeat;
}
div#header h1 a span {
	position: absolute;
	left: -9000px;
}
div#header-coindroit {
	float: right;
	width: 386px;
	height: 30px;
	margin-right:0px;
	background: transparent url(../skin/d2_grafx.gif) no-repeat right top;
	z-index: 200;
}
#container {
	width: 961px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: none;
	text-align: left;
	background-repeat: repeat-x;
	background-position: center 0px;
	background-image: url(../../templates/temp/images/bg_02.gif);
	min-height: 900px;
}
#container2 {
	width: 961px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: none;
	text-align: left;
	background-repeat: repeat-y;
	background-position: center 0px;
	min-height: 400px;
}
#header2 h1 {
	margin: 0px; /* la mise ŕ zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 5px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
	font: 11px/12px Calibri;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	padding-left: 35px;
	float: left;
	width: 200px;
	border-bottom: solid 1px #eee;
	height: 12px;
	color:#FFFFFF;
}

#header {
	background: transparent url(../../templates/temp/images/_bg_top.gif) no-repeat center top;
	padding: 0;  /* ce remplissage correspond ŕ l'alignement ŕ gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	height: 84px;
	color: #000099;
	margin: 0;
}

/* Conseils pour sidebar1 :
    1. comme nous travaillons en unités relatives, il est préférable de ne pas utiliser de remplissage latéral pour l'encadré. Pour les navigateurs conformes aux standards, il sera ajouté ŕ la largeur globale, créant ainsi une largeur réelle inconnue. 
    2. Comme nous utilisons des unités ems pour l'encadré, ne pas oublier que sa largeur variera en fonction de la taille de texte par défaut.
    3. Pour créer un espace entre le côté de l'élément div et les éléments qu'il contient, attribuez une marge gauche et une marge droite ŕ ces éléments, comme dans la rčgle ".twoColHybLtHdr #sidebar1 p".
    */
#sidebar1 {
	width: 240px; /* la couleur de l'arričre-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delŕ */
	padding: 60px 0px 40px; /* le remplissage en haut et en bas crée un espace visuel ŕ l'intérieur de cet élément div  */
	text-align: left;
	float: left;
	clear: left;
	margin: 20px 10px 40px 20px;
	position: relative;
	height: auto;
	nim-height:285px;
	background: #009 url(../../templates/temp/images/_bttm_colonne.jpg) no-repeat bottom;
}
#sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px; /* il est conseillé d'attribuer des valeurs pour les marges gauche et droite de chaque élément qui sera placé dans les colonnes latérales */
	margin-right: 10px;
}
/* Conseils pour mainContent :
    1. L'espace compris entre les éléments mainContent et sidebar1 est créé avec la marge gauche de l'élément div mainContent.  Quelle que soit la taille du contenu dans l'élément div sidebar1, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine.
    2. Veuillez noter qu'il est possible de provoquer une perte de l'élément flottant (perte de la zone non flottante mainContent sous l'encadré) si vous placez dans l'élément divmainContent un élément plus large que ce qu'il peut contenir. Avec une mise en page hybride (largeur générale en pourcentages avec un encadré en ems), il peut ętre impossible de calculer la largeur exacte disponible. Si la taille de texte par défaut d'un utilisateur est supérieure ŕ la moyenne, l'élément div de l'encadré sera plus large et il y aura donc moins de place dans l'élément div mainContent. N'oubliez jamais cette limitation, en particulier si le client doit ajouter du contenu avec Contribute.
    3. Dans le commentaire conditionnel pour Internet Explorer ci-dessous, la propriété zoom permet de donner ŕ l'élément mainContent l'attribut "hasLayout." Cela évite l'apparition de plusieurs bogues spécifiques d'Internet Explorer.
    */
#mainContent {
	margin: 0;
	padding: 0px;
	background: url(../../templates/temp/images/bg_02c.gif) no-repeat center top;
	min-height: 330px;
	top: 98px;
	height :auto !important;
	height: 330px;
}
#footer {
	padding: 0px 10px; /* ce remplissage correspond ŕ l'alignement ŕ gauche des éléments des div qui apparaissent au-dessus. */
	background:url(../../templates/temp/images/_bg_bas.gif) no-repeat center top;
	height: 40px;
	display: block;
}
#footer p {
	margin: 0; /* la mise ŕ zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 5px 10px; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	font: bold 9px/1.6em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
/* Diverses classes ŕ réutiliser */
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément ŕ côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.clearfloat { /* cette classe doit ętre placée pour un élément div ou break et doit ętre l'élément final avant la balise de fin d'un conteneur qui doit contenir entičrement un élément flottant */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#mainContent h1 {
	color: #000000;
	font-size: 19px;
	font-weight: bolder;
	font-family: "Trebuchet MS", Verdana, Arial;
	line-height: .95;
	margin: 0;
	padding: 0 0 10px 0;
	margin-botom:25px;
	border-bottom: solid 1px #ccc;
}
p {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.6em;
	text-align: justify;
	padding: 0px 15px 0px 25px;
	margin-left: 24px;
	margin-top: 0px;
}
h2 {
	font: bold 14px, Arial, "Trebuchet MS";
	color: #3A5F05;
}
#sidebar1 h2, #sidebar1 a.h2 {
	color: #333333;
	font-weight: bold;
	border-top: 1px solid #aaa;
	margin: 20px 0 10px 0;
	text-decoration:none;
}
#sidebar1 a, #sidebar1 a:link, #sidebar1 a:visited {
	text-decoration:none;
}
#mentete {
	padding: 20px 0 0 12px;
}
#breadcrumbs {
	font: 9px "Trebuchet MS", Verdana, Tahoma, Arial;
	color: #333333;
	position: relative;
	left: -20px;
	margin: 0px;
	padding: 0px 0 15px 20px ;
}
#breadcrumbs a {
	text-decoration: none;
	padding: 0 3px;
	color: #666;
}
#breadcrumbs a:hover {
	text-decoration: none;
	color: #3a5f05;
}
#sidebar1 ul {
	list-style: none;
	font-size: 11px;
	padding: 0px;
	margin: 0px 30px 13px;
	color: #FFF;
}

#sidebar1 ul li {
	margin : 0px;
	color:#66F;
	list-style: none;
	padding: 0 0 0 10px;
	font: 15px/1.6em "Trebuchet MS";
	font-weight:bold;
}

#sidebar1 ul li ul {
	border: none;
}

#sidebar1 ul li li {
	margin : 0px;
	color: #0000CC;
	list-style: none;
	border-bottom: dotted 1px #ddd;
	border-top:none;
	padding: 5px 0px 5px 5px;
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#sidebar1 ul li ul {
	margin : 0px;
	padding: 5px 10px 5px 5px;
}

#sidebar1 ul li li li{
	margin : 0px;
	color: #333333;
	display: none; /************************** a modifier *****************/
	list-style: none;
	border-bottom: none;
	padding: 5px 0px 5px 5px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#sidebar1 ul li ul li ul {
	border: none;
	display:none;
	margin:0;
	padding:0;
}

#sidebar1 ul li a, #sidebar1 li a:visited {
	color: #BDF;
}
#sidebar1 ul li a:hover {
	color: #FFF;
}
#sidebar1 h2 a {
	color: #333333;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
[if IE]> <style type="text/css">     /* placer les corrections pour toutes les version d'IE dans ce commentaire conditionnel */
 .twoColHybLtHdr #sidebar1 {
padding-top: 30px;
}

/********************************************************************/


.twoColHybLtHdr #mainContent {
	zoom: 1;
	padding-top: 15px;
}
#mainContent2 {
	zoom: 1;
	padding-top: 0px;
}
    /* la propriété propriétaire zoom ci-dessus transmet ŕ IE l'attribut hasLayout nécessaire pour éviter plusieurs bogues */
    </style> <![endif] h3 {
 font: bold 12px "Trebuchet MS", Verdana, Arial;
}
h3 {
	font: bold 14px "Century Gothic", "Trebuchet MS", Verdana, Arial;
	line-height: 1.2;
	color:#C30;
	text-transform:uppercase;
	padding: 18px 0 12px 20px;
}
ul li {
	font: 11px Verdana, sans-serif;
	list-style: square;
	margin:  0px;
}
ol li {
	list-style: decimal;
	margin: 0px;
	padding: 0px;
}
.traits_2 {
	margin: 0px;
	padding: 7px 0px 0px;
	height: 1px;
	border-bottom: 1px dashed #006633;
	border-right: 0px none #FFFFFF;
	border-top: 0px none #FFFFFF;
	border-left: 0px none #FFFFFF;
}

.oneColFixCtrHdr #container2 {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	line-height: 1.5em;
	border: solid 1px #999;
}

#header2 {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 77px;
	background: url(../../templates/temp/images/coin_drapeau3.jpg) no-repeat left top;
}
#header h1 {
	float: left;
	position: relative;
	width: 120px;/*220px*/
	margin: 0px 0 0 24px !important;
	margin :0px 0 0 14px;
	padding: 0;
	height: 90px;
	clear: left;
	background: url(..../../templates/temp/images/logo.gif) no-repeat 0px 0px;
}
#header2 h1 {
	margin: 0 15px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 8px 0;
	position: relative;
}
.oneColFixCtrHdr #mainContent2 {
	padding: 10px 20px;
	background-color: #FFFFFF;
	background-image: url(../../templates/temp/images/bg_bas.jpg);
	background-repeat: repeat-x;
	margin: 0;
	top: 254px;
}
.oneColFixCtrHdr #footer2 {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#cccccc;
}
.oneColFixCtrHdr #footer2 p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 15px 5px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px;
	color:#666;
}
#video {
	margin :0;
	margin: 0px 55px 0px 5px !important;
	margin: 0px 105px 0px 5px;
	padding: 0px;
	width: 550px;
	height: 350px;
	float: left!important;
	float :right;
	position :relative !important;
	position :absolute;
}

#cadres{
	width: 1000px;
	height: 180px;
	color:#000000;
	padding: 2px 0;
	margin: 10px 0px 5px;
	top: 0px;
	position: relative;
	z-index: -1;
	float: left;
}
#boutons{
	width: 960px;
	margin-top: 0px;
	height: 70px;
	color:#666633;
}
#cadres2{
	width: 980px;
	margin-top: 0px;
	background-image: url(../tempProsimii../../templates/temp/images/bg_offres.jpg);
	background-repeat: repeat-x;
	height: 180px;
	color:#666633;
}
 #cadre1 , #cadre2,  #cadre3, #cadre4 {
	width: 210px;
	float: left;
	margin: 0px;
	padding: 10px;
	height: 220px;
	background-color: #fff;
	border-bottom: solid 1px #ccc;
}
.cadre {
	width: 230px;
	float: left;
	margin: 0px;
	padding: 4px;
	min-height: 150px;
	height: 170px;
}
#bandebleu .cadre {
	width: 200px;
	float: left;
	margin: 0px;
	padding: 10px 19px;
	min-height: 150px;
	height: 145px;
}
.bouton {
	height: 60px;
	padding:0px 12px;
	width: 212px;
	float: left;
}	
.borderleft{
	border-left:dashed 1px #666;
}
.borderright{
	border-right: dashed 1px #777;
}

#cadres ul li, #cadres2 ul li{
	margin: 0px;
	padding: 2px 0px;
	list-style: none;
	line-height: 1.3em;
}


#cadres ul, #cadres2 ul {
	margin: 0px 0px 0px 12px;
	padding: 0px;
}
#cadres img, #cadres2 img {
	margin: 5px 10px 5px;
}

#cadres a, #cadres2 a {
	color: #0000CC;
	text-decoration: none;
}
#cadres ul li ul li, #cadres2 ul li ul li{
	margin: 0px;
	padding: 0px;
	list-style: square;
	line-height: 1.5em;
}
#cadres a:hover, #cadres2 a:hover {
	color: #990000;
	text-decoration: none;
	border-bottom: dotted 1px #777;
	/*padding-bottom: 1px;*/
}
.chapter2 a{
	margin: 7px 0px;
	text-align: left;
	height: 18px;
	width : 100px;
	display: block;
	color: #FF0000;
	text-decoration: underline;
	background: url(../../templates/temp/images/_ptit_fleche.gif) no-repeat 4px 3px;
}

#cadres a.imagelien, #cadres2 a.imagelien{
	background :none;
	height:auto;
	width:auto;
	text-align:left;
	border:0;
	margin:0px;
	padding:0px;
}
#mainContent table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.16em;
}
/*Example CSS for the two demo scrollers*/

#pscroller1 {
	height: 65px;
	padding: 0px;
	line-height: 1.4em;
	background-color: transparent;
	margin-top:0px;
}
#pscroller1 img {
	float : left;
	margin : 0 0 5px;
}
.date, .date:hover {
	color:#CC6600;
	margin : 0 0 2px;
}
#pscroller1 a {
	text-decoration: none;
}
#pscroller1 a:hover {
	color:#CC6600;
}
.lined tr{
}
.lined td{
	border-bottom: solid 1px #ddd;
	padding: 2px 5px;
	line-height: 1.2;
}

.lined2 td{
	border: solid 1px #777;
	padding: 2px;
	line-height: 1.2;
}

.lined {
	margin: 15px 0 25px;	
}

.lined tr th{
	color : #fff;
	background:#000066;
	text-align:left;
}


.lined th{
	border-bottom: solid 1px #777;
	font-weight:bold;
	padding: 2px 5px;
	text-align: center;
	height: 18px;
	color : #fff;
}
.lined td a{
	text-decoration:none;
	color: #029;
}
.lined td a:hover{
	text-decoration: none;
	color: #993300;
}
td td{
	border: none;
}
td th{
	border: none;
}
.contact {
	background-color: #DEDEBE;
	border: 1px solid #000;
	padding: 0px 10px;
	width: 50%;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}
.video_thumb {
	padding-bottom: 3px;
}
.video_thumb img {
	padding-right: 12px;
	float: left;
}
.video_thumb p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 60px;
	line-height: 1.3;
}
#cadres h3 {
	color: #000;
	margin-top: 0px;
	margin-bottom: 7px;
	padding-top: 0px;
	font: bold 15px "Century Gothic", Calibri, Arial, Helvetica;
	text-transform: uppercase;
	display: block;
	padding: 8px 10px 10px;
	border-bottom: solid 1px #ccc;
}
#cadres h3 a, #cadres h3 a:link,  #cadres h3 a:visited {
	color: #000000;
	font-weight: bold;
}
#cadres h3 a:hover {
	color: #000000;
	font-weight: bold;
}

table#saisie tbody tr td{
	border:none;
}
#player {
	width: 50%;
	float: left;
	margin-bottom: 12px;
}
#photo {
	width: 200px;
	float: left;
	margin-bottom: 12px;
}
.indice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 0 20px 0;
	color: #000099;
	text-align: center;
}
.lined h3 {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
input, textarea, select {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0px;
}
#conditional h2 {clear: both; padding-left: 17px; margin-bottom: 11px;}
#conditional .list-unit h2 {display: none;}
.list-unit br {display: none;}
.list-unit .hr {display: none;}
.list-unit .hr hr {display:none;}
.list-unit .list-unit-date {display: none;}
.list-unit .info {display: none;}
.list-unit {
	width: 375px;
	padding-left: 17px;
}
.list-unit h2 {font-family: arial,helvetica; font-size: 13px;}
.list-unit .list-unit-item {
	padding: 5px 0 7px 0;
	clear:left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.list-unit .list-unit-itxt {clear:left;color: #666; padding: 0 0 0 30px;}
.list-unit .list-c-all {float:right;padding:10px 0 0 0;}
.list-unit img.num {float:left; padding: 0 12px 0 2px;}
.list-unit .list-title {
	float:left;
	margin:0;
	padding:0;
	width:180px;
	text-decoration: none;
}
.list-unit .list-title-dl {float:left;margin:0;padding:0;width:180px;}
.bb {border-bottom: none;}
.list-c-all {font-weight: bold;}
#launchpad-bottom {padding-top: 15px;}
h2 {font: bold 16px Arial, Helvetica, sans-serif; color: #363636;}

h2 {
	font: bold 28px "Century Gothic", Arial, Helvetica, sans-serif;
	color: #000099;
	text-transform:capitalize;
	line-height: 1.2;
	text-transform:capitalize;
	padding-top: 20px;
}
</style>
<style>
#conditional h2 {clear: both; padding-left: 17px; margin-bottom: 11px;}
#conditional .list-unit h2 {display: none;}
.list-unit br {display: none;}
.list-unit .hr {display: none;}
.list-unit .hr hr {display:none;}
.list-unit .list-unit-date {display: none;}
.list-unit .info {display: none;}
.list-unit {width: 443px; padding-left: 17px;}
.list-unit h2 {font-family: arial,helvetica; font-size: 13px;}
.list-unit .list-unit-item {padding: 5px 0 7px 0;clear:left; font: 11px Verdana, Arial, Helvetica, sans-serif;}
.list-unit .list-unit-itxt {clear:left;color: #666; padding: 0 0 0 30px;}
.list-unit .list-c-all {float:right;padding:10px 0 0 0;}
.list-unit img.num {float:left; padding: 0 12px 0 2px;}
.list-unit .list-title {float:left;margin:0;padding:0;width:180px;}
.list-unit .list-title-dl {float:left;margin:0;padding:0;width:180px;}
.bb {border-bottom: none;}
.list-c-all {font-weight: bold;}
#launchpad-bottom {padding-top: 15px;}
#controls  li {
	list-style: none;
}
.indice a {
	text-decoration: none;
}
.lien_site {.
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	float: right;
}
.fltrght p {
	text-align: center;
}
.fltrght a {
	text-decoration: none;
}
#mainContent h4 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0033FF;
	font-weight: bold;
}
/*
#sidebar1 li ul li {
	display: none;
}
*/
#header h1 span {
	position: absolute;
	left: -9000px;
}
#header_content {
	width: 100%;
	height: 84px;
	margin: 0;
	padding: 0;
	background: transparent url(/images/armoiries_small.gif) no-repeat 310px 28px;
}
#login_zone {
	float: right;
	text-align:right;
	width: 195px;
	margin-right: 0px;
	margin-top: 0px;
	font-size: 10px;
	font-weight: normal;
}

#mainContent h2 {
	font: bold 20px "Century Gothic", Arial, Helvetica, sans-serif;
	color: #000099;
	text-transform:capitalize;
	line-height: 1.2;
	text-transform: uppercase;
	padding-top: 0px;
	margin:0 0 0 10px;
}
.bg_vert {
	background: url(/images/bg_titre_vert.jpg) repeat-x;
}
.bg_bleu {
	background: url(/images/bg_titre_bleu.jpg) repeat-x 0px -3px;
}
#cadres p {
	padding: 0px 10px;
	margin: 0px;
	text-align: left;
}

#mainContent #milieu {
	margin: 0px 40px 0px 270px;
	padding: 0px 7px 0px 20px;
}
#menugauche {
	float: left;
	width: 2px;
	height: 320px;
}
ul.liste_actions li {
	border-bottom: 1px dotted #666;
	padding: 6px 6px 3px 0px;
	list-style: none;
	display: block;
	width: 100px;
}
.menutop {
	font: italic normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0 0 500px;
	top: 40px;
	padding-top :40px;
}
#footer p.logo {
	background: url(../../templates/temp/images/logo_small.gif) no-repeat center center;
	height: 60px;
	width: 205px;
	border-left: none;
}
#footer .logo span {
	position: absolute;
	left: -2000px;
}
.copyright {
	border-style: none;
	width: 800px;
}
#footer .copyright {
	width: 910px;
	border-top: 1px solid #FB9BC7;
	border-right: 1px none #FB9BC7;
	border-bottom: 1px none #FB9BC7;
	border-left: 1px none #FB9BC7;
	text-align: center;
}
#bandebleu {
	font-family: Arial, Helvetica, sans-serif;
	color: #bbb;
	background: #009 url(../../templates/temp/images/_bg_bleu.gif) no-repeat center bottom;
	height: 230px;
	width: 960px;
	margin: 0;
	padding: 0;
	z-index: 50;
	position: relative;
}
#bandebleu h3 {
	margin: 0px 0px 10px;
	padding: 0px;
	text-transform: uppercase;
	color: #CCCCCC;
	font-size: 13px;
	line-height: 30px;
}
#ruban {
	height: 28px;
	background: #3c0;
	color: #FFFFFF;
	font: 14px/28px "Century Gothic", "Trebuchet MS", "Lucida Console";
	text-transform: uppercase;
	padding: 0 7px;
	z-index: 50;
}
#premiere {
	height: 160px;
}
#premiere #intro {
	float: left;
	width: 375px;
	margin: 10px 30px;
}
#premiere #intro p {
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
}
plus {
	height: 35px;
	margin: 20px;
}
.image ul li {
	display: block;
	float: left;
}
.cadre .image img{
	width: 90px;
	float: left;
	display: inline;
}
.enum li {
	display: block;
	width: 40px;
	list-style: square;
}
#premiere #image {
	float: right;
	height: 200px;
	width: 540px;
	position: absolute;
	margin-left: 420px;
	background: url(../../images/_bg_image.jpg) no-repeat right;
	top: 64px;
	z-index: 2;
}
.enum li {
	font: 11px/1.3em Arial, Helvetica, sans-serif;
}
.texte p {
	font-family:Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	margin-left: 15px;
}
#bandebleu .cadre.borderleft #actions img {
	float: right;
}
ul#actions {
	margin:0; padding:0;
	display:inline;
	
	}
.liste_actions {
	float: left;
}
#bandebleu #fleches_navig {
	float: right;
	width: 40px;
	margin: 10px 0 0;
}
#fleches_navig #prev, #fleches_navig #next{
	display: block;
	float:left;
	height: 15px;
	width: 15px;
	/*
	background: #F60;
	*/
	margin:0 0 0 5px; 
}
#fleches_navig #prev span, #fleches_navig #next span{
	position : absolute;
	left: -9000px;
	margin:0;
	padding:0;
}
#fleches_navig a#prev  {
	background:url(images/_bg_left.gif) no-repeat;
}
#fleches_navig a#next {
	background:url(images/_bg_right.gif) no-repeat;
		
}