@charset "utf-8";
/* CSS Document */
/* VERSION 2010 */


/* GENERALITES */
body#frontOffice, div, ul, ol, li, p, hr, img, h1, h2, h3, h4, a, form, table, legend, fieldset, dl, dt, dd, input, label {	margin:0pt;	padding:0pt; }
body#frontOffice       { margin:0 0 15px 0; background: #e5d5d7 url('images/motif_bleu_gris.png') repeat-x 0 0;}
body {background-color: white;}
hr            { clear:both; height:10px; width:100%; font-size:10px; visibility:hidden; line-height:10px; }
ul            { list-style-type:none; }
ul.numbered   li { list-style-type:decimal; padding:0 0 0 25px; margin: 0 0 10px 0; }
ul.pucePleine li { list-style-type:disc; }
ul.puceVide   li { list-style-type:circle; }
ul li ul         { margin:5px 0 5px 10px; }
.fLeft        { float:left; }
.fRight       { float:right; }
.nof          { clear:both; height:0px; font-size:0px; visibility:hidden; display:block; margin:0; padding:0 }
.clearBoth    { clear:both; }
.noClearBoth  { clear:none; }
.scroll       { overflow:auto; }
.scrollX      { overflow-x:auto; overflow-y:hidden; }
.scrollY      { overflow-x:hidden; overflow-y:auto; }
.displayNone, .nod  { display:none; }
img           { border:0; }
strong        {font-size:16px;font-weight:bold;border:0;}
u             {font-size:16px;}
em            {font-size: 16px;}
.clearFloat:after {clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clearFloat       {display:inline-block; }
.clearFloat       {display:block; }
.shadow           {-webkit-box-shadow: 0 0 8px 1px black;-moz-box-shadow: 0 0 8px 1px black;box-shadow: 0 0 8px 1px black;}
/*  CKEDITOR  */
   body.cke_show_borders              {background-color: white;  margin:0;  padding:0;}
/*    body.cke_show_borders *           {color:black;} */
/* TEXTE PAR DEFAUT */
* {	font-family:Arial;	font-weight:normal;font-size:12px;	color:#333; border:0; }

/* JEUX DE COULEUR */
.rouge     { color:#b5252e; }
.bleuFonce { color:#13235b; }

/* ATTRIBUT DE TEXTE */
.txtGras      { font-weight:bold; }
.txtNormal    { font-weight:normal; }
.txtSouligne  {	text-decoration:underline; }
.txtItalique  {	font-style:italic; }
.txtUppercase {	text-transform:uppercase; }
.txtCenter    { text-align:center; }
.txtRight     { text-align:right; }
.txtLeft      { text-align:left; }
.txtSize9     { font-size:9px; }
.txtSize10    { font-size:10px; }
.txtSize11    { font-size:11px; }
.txtSize12    { font-size:12px; }
.txtSize14    { font-size:14px; }
.margeHaut    { margin-top:10px; }
.doubleMargeHaut { margin-top:20px; }
.margeDroite     { margin-right:10px; }
.red,
 .error,
 .texteRouge,
 .erreur           {color: #fb2323;}

/* PARAGRAPHE */
p           { clear:both; text-align:justify; margin:0 0 10px 0; }
p.sansMarge { margin:0; }

/* TITRES */
h1      { font-weight:normal; text-decoration:none; border:0;text-shadow:  1px 1px 2px rgba(0,0,0,0.4)}
h1 *    {color:rgb(15,67,119);font-size:18px; font-family:tahoma,geneva,sans-serif;}
h2      {font-size:12px; color:#666; font-weight:bold; text-decoration:none; border:0; }
h3      { font-size:11px; color:#666; font-weight:bold; text-decoration:underline; margin-bottom:5px; border:0; }

/* LIENS HYPERTEXTE */
a       { color:#13235b; text-decoration:none; }
a:hover { color:#13235b; text-decoration:underline; }

/* PICTOS */
.pictos    { display:block; float:left; background: transparent url('images/pictos.gif') no-repeat scroll 0pt; height:16px; line-height:20px; padding: 1px 0 0 19px; background-position :0 20px }
.eye       { background-position:0 -35px; }
.print     { background-position:0 -84px; }
.save      { background-position:0 -134px; }

/* MENU  */
.subMenuHeader {/* margin: 0 auto; padding-right: 25px; */position: relative;/*top: 32px; width: auto; */ z-index: 1000;}
.actif   { color:#000; background:#FFF;}
/*FORMULIARE D'AUTHENTIFICATION*/
#login                      { width: 250px; }
#login p                    { margin: 2px 0; }
#login fieldset             { margin-bottom: 10px;  border: 0px; }
#login label                { display: block; width: 90px; float: left; }
#login input                { width: 90px; border: #CCC 1px solid; } 
#login input[type="submit"] { margin-left:90px;  border: #333 1px solid; }
#login input[type="submit"]:hover { background-color: #999; cursor: pointer; }

/* BLOCS */
#page-generale       {position:relative;width: 960px;margin: 0 auto;}
#header              { position:relative; display:block; background:#eae0df; padding-top:20px; }
#header #bandeauHaut { position:relative; background: #7d7979;}
#header #logoheader  { position:relative; width:960px; height:110px; margin:0 auto; background: transparent url('images/logoHeader.gif') no-repeat 0 0;}
#header #cartePostal { position:absolute; float:right; top:0; left:640px; z-index:0; width:320px; padding-top:10px; height:100px; text-align:right; }
#header #cartePostal a { padding:0 0 0 16px; color:#FFF; font-size:14px; text-transform:uppercase; font-weight:bold; background: transparent url('images/flecheNoir.gif') no-repeat 0 0; }
/*MENU CLASS*/
.FR                     {margin-left: 10px;}
.FR:first-child         {margin-left: 0px;}
.EN                     {margin-left: 10px;}
.EN:first-child         {margin-left: 0px;}
#header #menu              {background: url("images/bgMenu_bleu_gris.png") repeat-x scroll 0 0 transparent;display: block;height: 80px;margin: 20px 0 0;}
#header #menu ul           { display:block; height:80px; margin:0 auto; padding:0; width:960px;position: absolute;z-index: 10;}
#header #menu li           { float:left;}
#header #menu li:hover     { color:#000; background:#FFF;}
#header #menu li a         { display:block;height: 27px;padding:10px 3px 0; color:#fecd0b; text-transform:uppercase; font-size:11px; font-weight:bold; text-decoration:none;text-align: center;text-shadow: 1px 1px 1px black;}
#header #menu li a:hover, #header #menu li a.actif   { color:#000; background:#FFF;text-shadow: none;}

#header #menu ul li #sousMenu               {width: auto;border:1px solid white;border-top:0px;-moz-box-shadow:0px 3px 5px 0px #000000; -webkit-box-shadow:0px 3px 5px 0px #000000; box-shadow:0px 3px 5px 0px #000000;height:100%;position:relative;padding:5px 0px;background:#7D7979;}
#header #menu ul li #sousMenu li            {width: 100%;}
#header #menu ul li #sousMenu li a          {background:#7D7979;height:100%;padding:10px;text-align: left;}
#header #menu ul li #sousMenu li a:hover,
  #header #menu ul li #sousMenu li a.actif  {color:#000; background:#FFF;text-shadow: none;}
		
#bodyContent                 							{ position:relative; display:block; padding:0; /*background: #000 url('./images/bgBodyContent.gif') repeat-x 0pt 0pt;*/ }
#bodyContent #moduleBlock        					{ position:relative; display:block; width:960px; margin:0 auto; }
#bodyContent #moduleBlock table  					{ background:#FFF; }
#bodyContent #moduleBlock #loginTA			 	{ position:relative; display:block; margin:0 0 15px 0; padding:5px; background-color:#7d7979; border:1px solid #FFF; color:#FFF; }
#bodyContent #moduleBlock #loginTA label 	{ color:#FFF; font-weight:bold; margin-right:5px;}

#footer         { position:relative; display:block; width:940px; margin:15px auto 0; background:#FFF; padding:10px; }
#footer span    { font-size:11px; color:#000; font-weight:bold; }
#footer a       { font-size:11px; color:#000; font-weight:bold; text-decoration:none; }
#footer a:hover { font-size:11px; color:#000; font-weight:bold; text-decoration:underline; }

.animationFlash            { width:960px; height:132px; margin:0 0 15px 0; background:#FFF;}

.bloc1    { position:relative; display:block; float:left; width:630px; min-height:750px; margin:0 15px 0 0; padding:0 10px; background:#FFF; }
.bloc1 h1 { margin:15px 0; font-size:16px; color:#0f4377; font-weight:bold; text-transform:uppercase; text-decoration:none; }
.bloc1 h2 { margin:0 0 10px 0; font-size:12px; color:#0f4377; font-weight:bold;}
.bloc1 div.sousBloc        { z-index:10; margin-left:-10px; padding:10px 15px; cursor:pointer; }         
.bloc1 div.sousBlocActif   { background:#7d7979 url('images/flecheBlanche.gif') no-repeat 0 10px; }
.bloc1 div.sousBlocActif * { color:#FFF; } 
.bloc1 div.contact         { padding:5px; /*background:#F0F0F0*/; margin:10px 0; }
.bloc1 div.contact h2      { margin:0; font-size:13px; text-transform:uppercase; }
.bloc1 div.contact p       { font-size:12px; }
.bloc1 div.detailContact   { position:relative; float:left; width:180px; height:105px; margin:5px; padding:5px; border:1px solid #CCC; }
.bloc1 div.detailContact a { font-size:11px; }

.bloc2                 				{ position:relative; display:block; float:left; min-height:750px; margin:0; padding:0; background:#7d7979; border:1px solid #FFF; }
.bloc2 *               				{ /*color:#fecc0b;*/ font-weight:bold; border:0; margin-top:10px; }
.bloc2 h1 						 				{ margin:15px 0; padding:0 0 0 16px; font-size:16px; color:#FFF; font-weight:bold; text-decoration:underline; background: transparent url('images/flecheBlanche.gif') no-repeat 0 0; }
.bloc2  h2										{ font-size:12px; color:#fecc0b; text-transform:uppercase;text-shadow: 1px 1px 1px black; } 
.bloc2 ul li           				{ text-align:center; color:#fecc0b; }
.bloc2 ul li img       				{ width:200px; border:1px solid #fecc0b ; }
.bloc2 p               				{ color:white; font-weight:normal; }
.bloc2 p strong        				{ color:white; }
.bloc2 div.situation       		{ font-weight:bold; padding:10px; }
.bloc2 div.outils      				{ display:block; width:140px; margin:0 auto; padding:10px; border:1px solid #CCC; background:#FFF; line-height:16px; }
.bloc2 div.outils span        { margin-top:0; }
.bloc2 div.outils span.pictos { cursor:pointer; }
.bloc2 img.imgAgrement 				{ display:block; width:160px; margin:0 auto 10px; border:1px solid #CCC; }
/* DIAPORAMA */
.legend                       {position:relative;z-index: 3;top:-40px;padding: 7px;background: rgba(255,255,255,0.5);text-transform: uppercase;font-weight: bold;font-size: 20px;}
/*FORMULAIRE CONTACT */
  div.blocContact                                      {}
  form#formContact fieldset                            {border:0; padding:6px;}
  form#formContact fieldset.lineHeigthNormal           {border:0; padding:5px; line-height:normal; ;margin-left: 45px;}
  form#formContact fieldset.captcha                    {border:0; padding:5px;margin-left: 0px;}
  form#formContact fieldset label                      {text-align: right; float: left; width: 150px; margin-right: 95px;clear:both;}
  form#formContact fieldset.captcha label              {text-align: right; float: left; width: 180px; margin-right: 5px;clear:both;}
  form#formContact fieldset input[type="submit"],
  form#formContact fieldset input[type="file"]         { border: 1px solid black;width: 100px; padding:2px; text-decoration: none; font-weight: bold; }
  form#formContact fieldset input,
  form#formContact fieldset textarea                   {border: 1px solid black;width: 250px;text-transform:none; padding:2px; text-decoration: none; font-weight: bold;}
  form#formContact fieldset textarea                   {min-height:100px;}
  form#formContact fieldset input[type="submit"]:hover {text-decoration: none; -moz-box-shadow:0px 0px 5px 1px #000000; -webkit-box-shadow:0px 0px 5px 1px #000000; box-shadow:0px 0px 5px 1px #000000;cursor: pointer;}
  form#formContact fieldset input.error, 
  form#formContact fieldset textarea.error             {border: 1px dotted #fb2323;}