/* top right bottom left */

body {
  	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
  	padding: 0px;
  	margin-top: 0px;
  	margin-right: 4px;
  	margin-bottom: 0px;
  	margin-left: 3px;
  	//margin-left: 5px; /*pour firefox*/
  	background: #F2F2F2 url(images/page_bords.png) repeat-y top center;
}

img { border:0; }

.ancre1 { text-decoration:none; }

.CaseACoche {
	padding-top:2px;
	padding-right:4px;
	cursor:pointer;
}

div#wrapper {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding-top:5px;
    top: 0px;
    width:988px;
    background-color: #252f5c;
    background-image: url(images/bg1.png);
    background-repeat : repeat-x;
}


h1 {
   font-family:verdana;
   font-size:1em;
   font-weight:normal;
   color :#EEEEEE;
   padding-top:-5px;
   padding-bottom:0px;
   margin-bottom:0px;
   margin-top:1px;
}

h2 {
   font-family:verdana;
   font-size:0.8em;
   font-weight:normal;
   font-style: italic;
   color :#EEEEEE;
   padding-bottom:0px;
   margin-bottom:0px;
   margin-top:1px;
}

.hotspot { cursor:pointer} /* padding-bottom:1px; border-bottom:1px dotted #FEFFC2; */




/********************* sommaire sujets/rubriques ************************/

#IdSommShow {
cursor:pointer;
padding-top:5px;
padding-bottom:5px;
}

#IdSommShow:hover {
color:#ccccff;
cursor:pointer;
}

#SomTitre {
	height:28px;
	border-bottom:solid #CCCCCC 1px;
	text-align:center;
	vertical-align:middle;
	padding-left:2px;
	padding-right:2px;
	font-size:1.1em;
	background-color:#273D69;
}

#IdSommContainer {
	border:solid #CCCCCC 1px;
	color:#FFFFFF;
	background-color:#304672;
}

.togglezone {
cursor:pointer;
}

.togglezone:hover {
color:#273D69;
}

.submenu {
margin-left:0px;
padding-left:0px;
}

.ImgSommaire {
vertical-align:middle;
cursor:pointer;
}

.AncreSujet:hover{
color:#BBBBFF;
text-decoration:underline;
}

.AncreSujet {
text-decoration:none;
color:#FFFFFF;
}

.SujetSuppFerme {
display:none;
}

/********************* FIN sommaire sujets/rubriques ************************/



/********************* menu navigation ************************/

.navigation {
margin: 0px;
padding: 0px;
}

.navigation li {
background-image: url(images/menubg1.png);
background-repeat : repeat-x;
list-style: none;
}

.navigation li li {
text-align:left;
font-size:0.9em;
padding-left:5px;
margin:0;
background-image:none;
background-color:#273D69;
}

.TdOnglet {
padding-left:10px;
padding-right:10px;
font-family: verdana;
font-size: 8pt;
font-weight: bold;
color:#CCCCCC;
cursor: pointer;
border-style: none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
height: 25px;
}

.TdOngletHover, .TdOngletHover2 {
background-color:#7E8FB3;
color:#FFFFFF;
}

/********************* FIN menu navigation ************************/



/********************* body ************************/

#contenu {
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border:solid #000044 1px;
    margin:0px 5px 10px 9px;
    padding:0px 10px 10px 10px;
    width:950px;
    background-color: #7E8FB3;
}

#contenu a { text-decoration: underline; color:#0808FF; }
#contenu a:visited { color:#5D376F; }
#contenu a:hover, #contenu a:focus { color:white; background-color:#0a5b87; text-decoration:none;}
#contenu a.a1 { text-decoration:underline; text-transform:none; color:#0000FF; }
#contenu a.a1:visited { text-decoration:underline; text-transform:none; color:#0000FF; }
#contenu a.a1:hover { text-decoration:underline; text-transform:none; background-color : transparent; color:#FF00FF; }

/********************* FIN body ************************/



/********************* footer ************************/

#footer {
    margin: 0px 10px 0px 10px;
    color: #FFFFFF;
}

#footer a { color: #AAAAFF; }

#footer a:visited { color:#9D979F; }

#footer a:hover { color:#FFFFFF; }

/********************* FIN footer ************************/



/********************* coins arrondis ************************/

.topLeft1,
.topRight1 {
  width: 6px;
  height: 6px;
}

.sideTop1 {
width:auto;
height:4px;
background-color: #2F4D85;
}

.topLeft1 {
background:#2F4D85 url(images/coin_haut_gauche2.gif) left top no-repeat;
float: left;
}
.topRight1 {
background:#2F4D85 url(images/coin_haut_droit2.gif) right top no-repeat;
float: right;
}

/********************* FIN coins arrondis ************************/



/********************* opacity ************************/

.icosujet-fade {
 opacity: .5;
 -moz-opacity: .5;
 filter: alpha(opacity=50);
}

/********************* FIN opacity ************************/



/********************* tooltip ************************/

#tt     {display:block; position:absolute;                          background:url(images/tt_left.gif  ) top left  no-repeat}
#tttop  {display:block; height:5px; margin-left:5px;                background:url(images/tt_top.gif   ) top right no-repeat; overflow:hidden}
#ttbot  {display:block; height:5px; margin-left:5px;                background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px;  background:#666; color:#FFF} /*FEFFC2*/

/********************* FIN tooltip ************************/



/********************* rubriques ************************/

.rubsujet {
}

.sujettitre {
text-align:center;
width:600px;
margin-left:175px;
color:#E99822;
background-color:#273D69;
background-image: url(images/barre_motif2.png);
font-size:1.1em;
letter-spacing:0.3em;
font-weight:bold;
text-transform:uppercase;
}

.ancre2 { text-decoration:none; }

.RubRafraichir div {
background: url(images/rafraichir.gif) top no-repeat;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
width:10px;
height:10px;
padding-right:9px;
//padding-right:0px; /*pour ie*/
}

.RubRafraichir:hover div {
cursor:pointer;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
width:10px;
height:10px;
padding-right:9px;
//padding-right:0px; /*pour ie*/
}

.RubMonter div {
background: url(images/monter.gif) top no-repeat;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
width:11px;
height:11px;
padding-right:6px;
//padding-right:18px; /*pour ie*/
}

.RubMonter:hover div {
cursor:move;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
width:11px;
height:11px;
padding-right:6px;
//padding-right:18px; /*pour ie*/
}

.RubEdit div {
background: url(images/choix_edition.gif) top no-repeat;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
width:10px;
height:10px;
padding-right:13px;
//padding-right:0px; /*pour firefox*/
}

.RubEdit:hover div {
cursor:pointer;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
width:10px;
height:10px;
padding-right:13px;
//padding-right:0px; /*pour firefox*/
}

.RubEditCadre {
text-align:left;
font-weight:normal;
display:none;
color:#000000;
background-color: #F9F9FF;
padding:10px;
position:absolute;
z-index:2;
right:330px;
border:solid #8888FF 1px;
width:400px;
}

.rubeditcheck {
margin-left:0px;
padding-left:0px;
}

.RubEditCadre label {
cursor:pointer;
}

.RubClose div {
background: url(images/croix_fermer.gif) top no-repeat;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
width:10px;
height:10px;
padding-right:1px;
//padding-right:13px; /*pour firefox*/
}

.RubClose:hover div {
cursor:pointer;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
width:10px;
height:10px;
padding-right:1px;
//padding-right:13px; /*pour firefox*/
}

.rubtitre  {
text-align:center;
color:#FFFFFF;
font-weight:bold;
background-color: #2F4D85;
background-image: url(images/barre_motif1.png);
padding-bottom:3px;
padding-right:0px;
margin-right:0px;
}

.rubcorp {
/*background-image: url(images/rubcorpbg1.png);*/
background-color: #FFFFFF;
border:solid #2F4D85 1px;
padding:3px 5px 4px 1px;
}

.rubcorp td {
padding-top:1px;
}

#contenu a.titrelink {
color:#FFFFFF;
text-decoration:none;
}

#contenu a.titrelink:hover  {
color:#E99822;
text-decoration:none;
background-color:#5170B1;
}

.infodate {
vertical-align:top;
padding-right:4px;
color:#0000CC;
text-decoration:none;
}

.infodatedujour {
vertical-align:top;
padding-right:4px;
color:#DD0000;
text-decoration:none;
}

.infodatedehier {
vertical-align:top;
padding-right:4px;
color:#880088;
text-decoration:none;
}

#contenu a.infolink {
color:#555555;
text-decoration:none;
/*word-wrap:break-word;*/
}

#contenu a.infolink:hover  {
color:#000088;
text-decoration:none;
background-color:#EEEEFF;
/*word-wrap:break-word;*/
}

#contenu a.infolink:visited  {
color:#660022;
text-decoration:none;
background-color:#FFFFFF;
/*word-wrap:break-word;*/
}

.infolink2 { /*infolink avec description déjà affichée en dessous*/
font-weight:bold;
font-size:0.9em;
}

#contenu a.TitleRecent {
color:#000000;
}

.infodesc {
color:#101010;
padding:2px 0px 6px 2px;
background-color:#FCFCFC;
}

.infodesc2 { /*infolink avec description déjà affichée en dessous*/
font-size:0.9em;
color:#101010;
}

.plusmoins {
cursor:pointer;
padding-right:3px;
padding-top:2px;
}

/********************* FIN rubriques ************************/



/********************* FAQ ************************/

.FaqQuestion {
font-weight:bold;
padding-top:5px;
}

.faqdesc {
color:#101010;
padding:2px 30px 6px 30px;
background-color:#FCFCFC;
}

/********************* FIN FAQ ************************/



/********************* affichage des images ************************/

.shadowImage, .shadowImage2
{
  /* On met notre span en bloque */
  display:block;

  /* On lui applique un float left, il sort ainsi du flux standard
  et n'occupera pas toute la largeur disponible comme il l'aurait
  fait normalement */
  float:left;

  /* On place notre ombre en arrière plan en bas à droite */
  background: url('images/shadowAlpha-mini.png') no-repeat bottom right;

  /* Quelques marges pour le style... */
  margin: 10px 0 0 10px;
}

.shadowImage img
{
  /* On fixe notre image en format bloque */
  display: block;

  /* On définit sa position à relative pour plus de liberté */
  position: relative;

  /* Son fond est blanc pour obtenir une bordure de cette couleur*/
  background-color: #fff;

  /* Une autre bordure */
  border: 1px solid #a9a9a9;

  /* Les marges positives servent à aficher les ombres,
     les marges négative sortent l'image de son coteneur */
  margin: -6px 6px 6px -6px;

  /* Marge interne pour la bordure blanche */
  padding: 4px;
}

.shadowImage2 img
{
  /* On fixe notre image en format bloque */
  display: block;

  /* On définit sa position à relative pour plus de liberté */
  position: relative;

  /* Son fond est blanc pour obtenir une bordure de cette couleur*/
  background-color: #fff;

  /* Une autre bordure */
  border: 1px solid #a9a9a9;

  /* Les marges positives servent à aficher les ombres,
     les marges négative sortent l'image de son coteneur */
  margin: -6px 6px 6px -6px;

  /* Marge interne pour la bordure blanche */
  padding: 0px;
}

/********************* FIN affichage des images ************************/



/********************* Cadres d'information ************************/

.CadreInfo {
padding-top:5px;
width:950px;
color:#FFFFFF;
}

.CadreInfo1 {
margin-top:6px;
//margin-top:11px;
margin-right:6px;
padding:2px 2px 5px 5px;
background-color: #252F5C;
border : solid 1px #141F37;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
}

.CadreInfoImg {
width:200px;
}

.CadreInfoImg img {
cursor:pointer;
}

.CadreBtnSuppr {
float:right;
cursor:pointer;
}

.CadreInfoTitre {
color:#DDDDFF;
text-align:left;
}

.CadreInfo1 table {
padding-left:5px;
}

.CadreInfo1 td {
padding-right:20px;
}

.ui-effects-transfer { border: 2px solid black; }

/********************* FIN Cadres d'information ************************/



/********************* Lignes trop longues coupées ************************/

.ColMemo {
overflow:hidden;
margin:0px;
padding:0px;
}

#longVersionEllipsis {
position:absolute;
display:block;
visibility:hidden;
background-color:#EEEEBB;
border:solid 1px #000000;
z-index:5000;
width:300px;
}

/********************* FIN Lignes trop longues coupées ************************/



/********************* Drag'n drop des rubriques ************************/

.block {
   z-index: 100;
   opacity: 1;
}

.droppable-active {
	opacity: 0.7;
}
.droppable-hover {
    opacity: 1;
}

/* zone de drop élargie pour y insérer une rubrique */
.ZoneToInsertRub-hover {
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   ms-border-radius:6px;
   border-radius:6px;
   background-color: #CCCCEE;
   height: 35px;
   margin: 10px;
   border: 2px dotted #0090DF;
}

/* zone de drop indiquant les endroits où on peux insérer une rubrique */
.ZoneToInsertRub {
   background-color: #FF9999;
   margin : 3px 0px 1px 0px;
   width: 100%;
   height: 6px;
   border: 1px solid #CC7777;
   visibility:hidden;
   opacity: 0.7;
}

/********************* FIN Drag'n drop des rubriques ************************/