/***************************************
 * 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 {
}
#mainContent ol {
	color: #092D51;
	font-size:11px;
}
#mainContent li {
	color: #333333;
	font-size:100%;
	text-align: left;
	text-transform: none;
	list-style-position:outside;
	margin-bottom:10px;
	line-height: 1.25;
	margin-left: 36px;
	font-family: Verdana, Arial, sans-serif;
}
#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 {
	width: 980px;/*220px*/
	padding: 50px 0 12px 0;
	height: 60px;
	background: url(../../images/logo_irpah.gif) no-repeat 15px;
}
div#header h1 a {
	width: 446px;
	text-decoration:none;
	top: 0px;
	height: 60px;
	display: block;
	margin: 0 0 0 20px;
	padding: 0;
	background: url(images/_logo_irpah.gif) no-repeat;
	left: 0px;
}
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: 900px;
	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(../../images/bg_02.gif);
	min-height: 950px;
}
#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 {
	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: 190px;
	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: 170px; /* la couleur de l'arričre-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delŕ */
	padding: 30px 30px 13px 10px; /* 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: 0 10px;
	position: relative;
	min-height: 285px;
}
#sidebar2 {
	width: 170px; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delŕ */
	padding: 20px 30px 13px 15px; /* 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: 0 10px;
	position: relative;
	height: 120px;
}
#sidebar2 ul li ul {
	display :none;
}
#sidebar ul, #sidebar2 ul {
	margin :0; padding:0;
}
#sidebar1 h3, .twoColHybLtHdr #sidebar1 p, #sidebar2 h3, .twoColHybLtHdr #sidebar2 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;
	min-height: 330px;
	top: 98px;
	height :auto !important;
	height: 330px;
}
#footer {
	padding: 0px 10px;
	height: 70px;
	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: 15px 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: normal 10px/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	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:#939;
	font-size: 24px;
	font-weight: bold;
	font-family: "Century Gothic","Trebuchet MS", Verdana, Arial;
	text-transform:uppercase;
	line-height: .95;
	margin: 0 0 0 15px;
	padding: 0;
}
p {
	font-family: Verdana, Arial, "Trebuchet MS";
	font-weight: normal;
	line-height: 1.6em;
	text-align: justify;
	padding: 0px 15px 0px 10px;
	margin-left: 24px;
	margin-top: 0px;
}
h2 {
	font: bold 14px, Arial, "Trebuchet MS";
	color: #3A5F05;
}
#sidebar1 h2, #sidebar1 a.h2, #sidebar2 h2, #sidebar2 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;
	color : #ff9;
}
#breadcrumbs {
	font: 9px "Trebuchet MS", Verdana, Tahoma, Arial;
	color: #333333;
	left: 5px;
	margin: 0px;
	clear:both;
	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;
}

#sidebar1 ul li, #sidebar2 ul li{
	margin : 0px;
	color: #600;
	list-style: none;
	padding: 0 0 7px 10px;
	font: 16px/1.2em"Century Gothic", Century;
	font-weight:bold;
}

#sidebar1 ul li ul, #sidebar2 ul li ul{
	border: none;
}

#sidebar1 ul li li, #sidebar2 ul li li{
	margin : 0px;
	color: #600;
	list-style: none;
	border-bottom: dotted 1px #ff3;
	border-top:none;
	padding: 3px 0px 3px 5px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:normal;
}

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

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

#sidebar1 ul li a, #sidebar1 li a:visited , #sidebar2 ul li a, #sidebar2 li a:visited{
	color: #600;
}
#sidebar1 ul li a:hover, #sidebar2 ul li a:hover{
	color: #000;
}
#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;
	/*
	background: #008E37 url(images/_bg_top_bas.gif) no-repeat bottom;
	*/
	width: 980px;
	height: 380px;
	
}
    /* 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: #CC6600;
	padding-top: 14px;
}
ul li {
	font-family: Verdana, Helvetica, Arial, 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(../../images/coin_drapeau3.jpg) no-repeat left top;
}
#header h1 {
	float: left;
	width: 120px;/*220px*/
	margin: 0px 0 20px 0px !important;
	margin :0px 0 0 14px;
	padding: 0;
	height: 60px;
	clear: left;
	background: url(..../../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(../../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: 600px;
	height: 292px;
}

#cadres{
	width: 950px;
	height: 195px;
	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: 780px;
	margin-top: 0px;
	background-image: url(../tempProsimii../../images/bg_offres.jpg);
	background-repeat: repeat-x;
	border: solid 1px #ccc;
	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: 10px;
	min-height: 150px;
	height: 170px;
}
#merchandising {
	width: 200px;
	float: left;
	height: 170px;
	text-align: center;
	padding: 12px 0;
}
#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 2px;
	list-style: none;
	line-height: 1.16em;
}


#cadres ul, #cadres2 ul {
	margin: 0px 0px 0px 12px;
	padding: 0px;
}
#cadres img, #cadres2 img {
	margin: 0px 0px 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(../../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 15px Arial, Helvetica, sans-serif;
	color: #000066;
	line-height: 1.2;
	padding-top: 15px;
}
</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: 188px;
	margin: 0;
	padding: 0;
	background: transparent;
}
#login_zone {
	float: right;
	text-align:right;
	width: 195px;
	margin-right: 0px;
	margin-top: 0px;
	font-size: 10px;
	font-weight: normal;
}

#mainContent h2, #mainContent h2 a, #mainContent h2 a:link, #mainContent h2 a:visited{
	font: bold 16px "Century Gothic", "Trebuchet MS", Verdana, Arial;
	text-transform:uppercase;
	line-height: 1.4;
	color: #333;
	padding-top: 14px;
}
.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;
	padding: 0px;
	background-color : transparent;
}
#menugauche {
	float: left;
	width: 2px;
	height: 320px;
}
ul.liste_actions li {
	border-bottom: 1px dotted #666;
	line-height: 17px;
	display: block;
	padding: 6px 6px 0px;
	height: 16px;
	list-style: none;
}
.menutop {
	font: bold 14px Arial, Century;
	margin: 10px 0 0 0px;
	color: #999;
	border-top: 1px solid #999;
	border-bottom: 1px double #999;
}
#footer p.logo {
	background: url(../../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;
}
#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;
}
#premiere {
	height: 150px;
}
#intro {
	float: left;
	width: 134px;
	margin: 0px 0 0 185px;
	position: absolute;
	top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 16px;
}
#intro p {
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
}
plus {
	height: 35px;
	margin: 20px;
}
/* Section Vendeurs  */
/* ---------------------- */
 
 
#recherche_vendeurs input[type="text"] {
	width: 125px;
	height: 15px;
	padding:0;
}
 
#recherche_vendeurs input[type="submit"] {
	background-color: #060;
	color:#fff;
	border: #DDEEFF 1px solid;
	width: 100px;
}
#recherche_vendeurs input[type="submit"]:hover {
	background-color: #000;
	cursor: pointer;
	color:#fff;
}
#recherche_vendeurs {
	margin: 0px 0px 0px 25px;
	float: left;
	width: 400px;
	min-height: 50px;
	/*background: #FFF url(../../images/bg_carte.gif) no-repeat; */
	padding: 20px 20px;
	position:absolute;
	top: 620px;
}
#carte {
	/* float: left; */
	width: 580px;
}
#recherche_vendeurs h3 {
	margin: 0px 0px 14px;
	padding: 0px;
}
#recherche_vendeurs label {
	width: 80px;
	display: block;
	float: left;
	font-size:10px;
	height: 18px;
}
#vendeurs p {
	line-height: 1.2em;
	margin: 0px 0px 9px;
	padding: 0px;
}
#recherche_vendeurs input[type="text"] {
	width: 125px;
	height: 15px;
	padding:0;
}

#recherche_vendeurs input[type="submit"] {
	background-color: #060;
	color:#fff;
	border: #DDEEFF 1px solid;
	width: 100px;
	font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size: 10px;
	line-height: 24px;
	padding:0;margin:0;
	height:24px;
}

#recherche_vendeurs input[type="submit"]:hover {
	background-color: #000;
	cursor: pointer;
	color:#fff;
}
/*
p {
	margin:0;
	margin-bottom: 10px;
	padding :0px;
	text-align:left;
}
/* fieldset , legend */
/*
 fieldset {
	margin-bottom: 10px;
	border: #CCC 1px solid;
}
fieldset:hover {
	background-color: #FFF;
}
fieldset legend {
	padding: 0 10px;
	font-size: 1em;
	color: #993300;
	font-family: "Trebuchet MS", Calibri, "Century Gothic";
}
/* Label * /
 label {
	/*	background-color: #FFCC66;
* /	display: block;
	font-size:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 140px;
	float: left;
	padding-right: 1%;
	text-align: right;
	padding: 0px;
	margin:0px;
	/*	letter-spacing: 1px;
* /}
label:hover {
	/* font-weight: bold; * /
}
.form_label_nostyle {
	background: none;
}
/* Input * /
 input, select {
	margin-left: 1%;
	width: 160px;
	border: #CCC 1px solid;
	height: 16px;
}
input:hover, select:hover, input:focus, select:focus {
	border: #999 1px solid;
	background-color: #eee;
}
.form_input_day_month {
	width: 3%;
}
.form_input_year {
	width: 6%;
}
/* button submit * /
input[type="submit"] {
	background-color: #060;
	color:#fff;
	border: #DDEEFF 1px solid;
	width: 15%;
	height: 20px;
}
input[type="submit"]:hover {
	background-color: #000;
	cursor: pointer;
	color:#fff;
}
input[type="reset"] {
	background-color: #900;
	color:#fff;
	border: #DDEEFF 1px solid;
	width: 15%;
	height:21px;
}
 
input[type="image"] {
	border: none;
	width: auto;
}
input[type="checkbox"] {
	background-color: #000;
	cursor: pointer;
	color:#fff;
	width: 12px;
	margin-top :0px;
 
}
*/