/* CSS Document */
body { background:#FFFFFF; margin:0px; padding:0px; }
td { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#666666;}
input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; border:1px solid #DFDFDF;}
p, form { margin:0px; padding:0px;}

/* FONDS */
.haut { background:#FFFFFF url(../images/commun/haut.gif) no-repeat top left;}
.gauche { background:#FFFFFF url(../images/commun/fond_gauche.gif) repeat-x top left;}
.bas { background:#FFFFFF url(../images/commun/fond_bas.gif) repeat-x bottom left;}
.bas2 { background:#FFFFFF url(../images/commun/fond_bas2.gif) repeat-x bottom left;}
.droite { background:#FFFFFF url(../images/commun/fond_droite.gif) repeat-x top left;}
.droiteaccueil { background:#FFFFFF url(../images/commun/degrade_droitaccueil.gif) repeat-x bottom left;}
.caselexique { background:#01689C;
border-bottom: #FFFFFF 1px solid;
border-left: #FFFFFF 1px solid;
padding-top:3px;
padding-bottom:3px;
padding-left:8px;
padding-right:8px;}
.casetous { background:#01689C url(../images/divers/fond_tous.gif) no-repeat top left;;
border-bottom: #FFFFFF 1px solid;
border-left: #FFFFFF 1px solid;
padding-top:3px;
padding-bottom:3px;
padding-left:8px;
padding-right:8px;}

/* TYPO */
.align { text-align : justify;}
a { text-decoration:underline; color:#666666;}
a:hover { text-decoration:none; color:#666666;}
.verdana { font-family:Verdana, Arial, Helvetica, sans-serif;}
.arial { font-family:Arial, Verdana, Helvetica, sans-serif;}
.gras { font-weight:bold;}

/* TITRAGES ET SOUS-TITRAGES */
.slogan { 
color:#488DCD;font-size:18px;
padding-left:47px;
padding-top:29px;
}
H1 { margin:0px;font-size:18px; font-weight:normal;}
H2 { margin:0px;font-size:12px; }
H3 { margin:0px;font-size:12px; }

/* TAILLES */
.txt10 { font-size:10px;}
.txt11 { font-size:11px;}
.txt12 { font-size:12px;}
.txt13 { font-size:13px;}
.txt14 { font-size:14px;}
.txt16 { font-size:16px;}
.txt18 { font-size:18px;}
.txt22 { font-size:22px;}

/* COULEURS */
.blanc { color:#FFFFFF;}
a.blanc { color:#FFFFFF;text-decoration:none; }
a.blanc:hover { color:#FFFFFF;text-decoration:underline; }

.noir { color:#4B4B4B;}
a.noir { color:#4B4B4B;text-decoration:none; }
a.noir:hover { color:#4B4B4B;text-decoration:underline; }

.gris { color:#777777;}
a.gris { color:#777777;text-decoration:none; }
a.gris:hover { color:#777777;text-decoration:underline; }

.grisclair { color:#91918C;}
a.grisclair { color:#91918C;text-decoration:none; }
a.grisclair:hover { color:#91918C;text-decoration:underline; }

.grisfonce { color:#363632;}
a.grisfonce { color:#363632;text-decoration:none; }
a.grisfonce:hover { color:#363632;text-decoration:underline; }

.bleufonce { color:#003481;}
a.bleufonce { color:#003481;text-decoration:none; }
a.bleufonce:hover { color:#003481;text-decoration:underline; }

.bleu { color:#0077B5;}
a.bleu { color:#0077B5;text-decoration:none; }
a.bleu:hover { color:#0077B5;text-decoration:underline; }

.vert { color:#7BBF4C;}
a.vert { color:#7BBF4C;text-decoration:none; }
a.vert:hover { color:#7BBF4C;text-decoration:underline; }

.orange { color:#FF9C00;}
a.orange { color:#FF9C00;text-decoration:none; }
a.orange:hover { color:#FF9C00;text-decoration:underline; }

.rouge { color:#D5412A;}
a.rouge { color:#D5412A;text-decoration:none; }
a.rouge:hover { color:#D5412A;text-decoration:underline; }

/* ELEMENT DE MISE EN PAGE */
.interligne5px { padding-top:5px;}
.interligne7px { padding-top:7px;}
.pointillesgris { 
background:url(../images/divers/pointilles_gris.gif) repeat-x bottom left;
padding-bottom:7px;}

/* PUCES */
ol { margin: 0px;
list-style-image: url(../images/icones/puce_bleu.gif);
padding-top:5px;
padding-bottom:0px;
padding-left:20px;
padding-right:0px;
}

ul { margin: 0px;
list-style-image: url(../images/icones/puce_grise.gif);
padding-top:5px;
padding-bottom:0px;
padding-left:40px;
padding-right:100px;
}

li {
padding-bottom:4px;
}

/* BLOCS BORDURES */
.blocvert { 
background:#EAF5E2;
padding:10px; 
}
.bordureverte { 
border: #7BBF4C 1px solid;
padding:10px; 
}
.blocrouge { 
background:#F8DFDB;
padding:10px; 
}
.bordurerouge { 
border: #D5412A 1px solid;
padding:10px; 
}
.blocorange { 
background:#FFEDD1;
padding:10px; 
}
.bordureorange { 
border: #FF9C00 1px solid;
padding:10px; 
}
.borduregrise { 
border: #BDBDBD 1px solid;
padding:10px; 
}
.pointillesbleus { 
border: #003481 1px dotted;
padding:10px; 
}

/* SOUS MENU */
#sousmenu { 
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size:11px; 
color:#01699F;
text-decoration:none; 
}
#sousmenu a { color:#01699F;text-decoration:none; }
#sousmenu a:hover { color:#01699F;text-decoration:underline;font-weight:bold; }
#sousmenu .norm{ color:#01699F;text-decoration:none;
padding-top:4px;
padding-right:15px;
padding-bottom:3px;
padding-left:21px;}
#sousmenu .clic{ color:#01699F;text-decoration:none;font-weight:bold;
background:url(../images/commun/puce_sousmenu.gif) no-repeat top left;
padding-top:4px;
padding-right:15px;
padding-bottom:3px;
padding-left:21px;}

/* BAS PAGE */
.baspage { color:#0178B5;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; }
a.baspage { color:#0178B5;text-decoration:none; }
a.baspage:hover { color:#0178B5;text-decoration:underline; }

/* ONGLETS */

    #menuonglets1 {
      float:left;
	  font-family:Arial, Verdana, Helvetica, sans-serif; 
	  font-size:11px;
	  color:#0178B5;
      }
    #menuonglets1 ul {
	  margin:0px;
	  padding:0px 0px 0px 0px;
	  list-style:none;
      }
    #menuonglets1 li {
      display:inline;
      margin:0px;
	  padding:0px;
      }
    #menuonglets1 a {
      float:left;
      background:url(../images/commun/onglet1gauche.gif) no-repeat left top;
      margin:0px;
      padding:0 0 0 15px;
      text-decoration:none;
      }
    #menuonglets1 a span {
      float:left;
      display:block;
      background:url(../images/commun/onglet1droite.gif) no-repeat right top;
      margin:0px;
      padding:5px 15px 4px 0px;
	  color:#0178B5;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menuonglets1 a span {float:none;}
    /* End IE5-Mac hack */
    #menuonglets1 a:hover span {
	  color:#0178B5;
      }
    #menuonglets1 a:hover {
      background-position:0% 0px;
      }
    #menuonglets1 a:hover span {
      background-position:100% 0px;
	  color:#0178B5;
      }
	/* etat clique */
	#menuonglets1 .clic{
	background-position:0% 0px;
	}
	#menuonglets1 .clic span {
	background-position:100% 0px;
	color:#0178B5;
	}


    #menuonglets2 {
      float:right;
	  font-family:Arial, Verdana, Helvetica, sans-serif; 
	  font-size:11px;
	  color:#0178B5;
      }
    #menuonglets2 ul {
	  margin:0px;
	  padding:0px 0px 0px 0px;
	  list-style:none;
      }
    #menuonglets2 li {
      display:inline;
      margin:0px;
	  padding:0px;
      }
    #menuonglets2 a {
      float:left;
      background:url(../images/commun/onglet1gauche.gif) no-repeat left top;
      margin:0px;
      padding:0 0 0 15px;
      text-decoration:none;
      }
    #menuonglets2 a span {
      float:left;
      display:block;
      background:url(../images/commun/onglet1droite.gif) no-repeat right top;
      margin:0px;
      padding:5px 15px 4px 0px;
	  color:#0178B5;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menuonglets2 a span {float:none;}
    /* End IE5-Mac hack */
    #menuonglets2 a:hover span {
	  color:#0178B5;
      }
    #menuonglets2 a:hover {
      background-position:0% 0px;
      }
    #menuonglets2 a:hover span {
      background-position:100% 0px;
	  color:#0178B5;
      }
	/* etat clique */
	#menuonglets2 .clic{
	background-position:0% 0px;
	}
	#menuonglets2 .clic span {
	background-position:100% 0px;
	color:#0178B5;
	}



/* ACCROCHES ACCUEIL */
.accroches  { position:relative; display:block; width:404px; height:61px; float:left;
 margin-top:0px; 
 margin-left:0px; 
 margin-bottom:4px; 
 margin-right:0px; 
 font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#0178B5;
 }
.accroches img { position:absolute; top:0px ; left:0px ; border:0px; z-index:1;}
.accroches .visuel { top:7px ;left:7px ;z-index:2;}
.accroches a { color:#0178B5;text-decoration:none;font-weight:bold;}
.accroches a:hover { text-decoration:none;}
.accroches .span { position:absolute; top:23px ; left:80px ; width:300px; border:0px; z-index:3;}
.accroches span { cursor:pointer;}
.accroches font { cursor:pointer;}


/* TEMOIGNAGES */
.temoignages  { position:relative; display:block; width:280px; height:130px; float:left;
 margin-top:0px; 
 margin-left:0px; 
 margin-bottom:10px; 
 margin-right:30px; 
 font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#0178B5;
 }
.temoignages img { position:absolute; top:0px ; left:0px ; border:0px; z-index:1;}
.temoignages .visuel { top:7px ;left:7px ;z-index:2;}
.temoignages a { color:#0178B5;text-decoration:none;}
.temoignages a:hover { text-decoration:underline;}
.temoignages .span { position:absolute; top:60px ; left:10px ; width:260px; border:0px; z-index:3;font-weight:bold;font-size:13px;}
.temoignages .texte { position:absolute; top:80px ; left:10px ; width:260px; border:0px; z-index:4;color:#000000;}
.temoignages span { cursor:pointer;}
.temoignages font { cursor:pointer;}


/* CITATIONS */
.citations  { 
 position:relative; display:block; width:47px; height:47px; float:left;
 background:url(../images/commun/fond_citation.gif) no-repeat left top;
 margin-top:0px; 
 margin-left:0px; 
 margin-bottom:0px; 
 margin-right:8px; 
 }
 .citations img { position:absolute; top:9px ; left:9px ; border:0px; z-index:1;cursor:pointer;}
 .citation { color:#015BA3;
 font-style:italic;}


/* ICONES */
.iconefichiervert { 
      background:#EAF5E2 url(../images/icones/fichier_vert.gif) no-repeat left top;
      padding-left:30px;
      padding-top:5px;
      padding-bottom:5px;
	  border-bottom: #B7C8AA 1px solid;
}
.iconelienvert { 
      background:#EAF5E2 url(../images/icones/lien_vert.gif) no-repeat left top;
      padding-left:30px;
      padding-top:5px;
      padding-bottom:5px;
	  border-bottom: #B7C8AA 1px solid;
}
.iconefichierorange { 
      background:#FFEDD1 url(../images/icones/fichier_orange.gif) no-repeat left top;
      padding-left:30px;
      padding-top:5px;
      padding-bottom:5px;
	  border-bottom: #DDB068 1px solid;
}
.iconelienorange { 
      background:#FFEDD1 url(../images/icones/lien_orange.gif) no-repeat left top;
      padding-left:30px;
      padding-top:5px;
      padding-bottom:5px;
	  border-bottom: #DDB068 1px solid;
}
.iconefichierrouge { 
      background:#F8DFDB url(../images/icones/fichier_rouge.gif) no-repeat left top;
      padding-left:30px;
      padding-top:5px;
      padding-bottom:5px;
	  border-bottom: #DA8B7E 1px solid;
}
.iconelienrouge { 
      background:#F8DFDB url(../images/icones/lien_rouge.gif) no-repeat left top;
      padding-left:30px;
      padding-top:5px;
      padding-bottom:5px;
	  border-bottom: #DA8B7E 1px solid;
}