/* div */

body {
  font-family: verdana;
  font-size: 12px;
  /*background: silver url(../img/fond.jpg) repeat-y 0 0;*/
  background: silver;
}

.titre {
  color: #004576;
  text-decoration: none;
  font-family: Arial,sans-serif;
  font-size: 13px;
}

.soustitre {
  color: #004576;
  text-decoration: none;
  font-family: Arial,sans-serif;
  font-size: 11px;
}

.description {
  color: #555;
  font-style: italic;
  font-family: "Verdana";
  font-size: 11px;
}

.citation {
  font-style: italic;
  font-family: "Verdana";
  font-size: 10px;
  color: #555;
}

#merci {
  border: 1px solid gray;
  font-family: Arial,sans-serif;
  font-size: 13px;
  width: 500px;
  padding: 5px;
  margin-left: 20px;
  margin-bottom: 20px;
  background-color: #F1F1F1;
}

#merci .titre_merci {
  font-size: 14px;
  color: #004576;
}

div.spacer {
 	clear: both;
 }

#page{
  width: 1000px;
  position:relative;
  height: 100%;
  background-color: white;
  border: 1px solid black;
}

#pub{
  width: 728px;
  height: 90px;
  background-color: #F1F1F1;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}

#slogan{
  position:absolute;
  top: 60px;
  left: 5px;
  font-family: Arial,sans-serif;
  font-size: 13px;
  color: black;
  text-align: center;
  width: 250px;
}
#logo {
  float: left;
  margin-top: 5px;
  margin-left: 5px;
  height: 90px;
  width: 250px;
  text-align: center;
}
#header{
  background-color: white;
  height: 100px;
  width: 999px;
  margin-left: 1px;
}

#cadre_date, #cadre_date2{
  background-color: #fed500;
  width: 150px;
  height: 17px;
  padding-top: 5px;
  padding-left: 5px;
  float: left;
  
  margin-left: 1px;
}

#menu {
  padding-top: 5px;
  padding-left: 5px;
  width: 995px;
  height: 17px;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  background-color: #c2cfd9;
}

#menubis {
  padding-top: 2px;
  padding-left: 5px;
  width: 995px;
  height: 15px;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  background-color: #fed500;
}

#menu a, #menu a:hover{
  font-family: Arial,sans-serif;
  font-size: 12px;
  color: #004576;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  /*border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;*/
  float: left;
  text-decoration: none;
  border-left: 1px solid white;
  border-right: 1px solid black;
}

#menubis a, #menubis a:hover{
  font-family: Arial,sans-serif;
  font-size: 12px;
  color: #004576;
  padding-left: 5px;
  padding-right: 5px;
  /*border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;*/
  float: left;
  text-decoration: none;
  border-left: 1px solid white;
  border-right: 1px solid black;
}


#menu a:hover{
  color: black;
  background-color: #cfdce6;
}

#menubis a:hover{
  color: black;
  background-color: #F1F1F1;
}

#menu2 {
  padding-left: 5px;
  padding-top: 2px;
  width: 838px;
  height: 27px;
  border-bottom: 1px solid gray;
  background-color: #F1F1F1;
  float: right;
}

#menu2 .recherche {
  float: left;
}

#menu2 .recevez_newsletter {
  float: left;
}

#menu2 .recevez_newsletter a, #menu2 .recevez_newsletter a:hover{
  float: left;
  font-size: 14px;
  color: white;
  background-color: #2a5fa3;
  border-left: 1px solid white;
  border-right: 1px solid white;
  margin-left: 20px;
}


#menu2 a, #menu2 a:hover{
  font-family: Arial,sans-serif;
  font-size: 12px;
  color: #888;
  padding: 5px;
  float: right;
  text-decoration: none;
  border-left: 1px solid white;
  border-right: 1px solid silver;
}

#menu2 a:hover{
  color: black;
  background-color: white;
}

#menu2 input{
  border: 1px solid black;
  font-family: Arial,sans-serif;
  font-size: 12px;
  width: 250px;
}

#menu2 .bouton{
  width: 30px;
}


#contenant{
  height: 100%;
  background-color: white;
}
#contenant #colonne_gauche {
  width: 149px;
  background-color: #c2cfd9;
  padding-top: 5px;
  margin-left: 1px;
  padding-left: 5px;
  float:left;
  text-align: left;
}

#contenant #colonne_gauche .titre_rouge {
  font-size: 14px;
  color: #aa0505; 
}

#contenant #colonne_gauche ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

#contenant #colonne_gauche li {
  border-top: 1px solid white;
  border-bottom: 1px solid gray;
  font-size: 11px;
}

#contenant #colonne_gauche a{
  color: black;
  text-decoration: none;
}

#contenant #colonne_gauche a:hover{
  color: gray;
  text-decoration: underline;
}

#contenant #colonne_centre {
  width: 835px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  float:left;
  background-color: white;
}

#contenant #resultats_recherche {
}

#contenant #colonne_actus_accueil, #contenant #colonne_sommaire {
  width: 510px;
  padding-top: 5px;
  padding-left: 5px;
  float:left;
}

#contenant #petite_colonne_actus_accueil {
  width: 305px;
  float: left;
}

#contenant #evenements_accueil, #contenant #evenements_prochainement {
  float: right;
  width: 190px;
  background-color: #e3dee6;
  padding: 5px;
  border: 1px solid silver;
  margin-bottom: 5px;
  font-size: 9px;
}

#contenant #evenements_prochainement, #contenant #recherche_solutions {
  width: 270px;
  text-align: left;
}


#contenant #evenements_accueil .evenement, #contenant #evenements_prochainement .evenement{
  width: 185px;
  border-bottom: 1px solid silver;
}

#contenant #evenements_prochainement .evenement{
  width: 260px;
}

#contenant #evenements_accueil a, #contenant #evenements_accueil a:hover, #contenant #evenements_prochainement a, #contenant #evenements_prochainement a:hover{
  font-size: 10px;
  
}

#contenant #evenements_accueil .titre_rubrique, #contenant #cadre_sondage_accueil .titre_rubrique, #contenant #reste_actu .titre_rubrique, #contenant #liste_actu_droite .titre_rubrique,  #contenant #colonne_sommaire .titre_rubrique, #contenant #evenements_prochainement .titre_rubrique, #contenant #resultats_recherche .titre_rubrique, #contenant #colonne_actus_accueil .titre_rubrique, #edito .titre_rubrique, #cadre_interview_video .titre_rubrique, .titre_rubrique {
  font-size: 14px;
  color: #aa0505;  
  font-weight: bold;
}

#contenant #evenements_accueil .titre_rubrique {
  color: #896c9d;
}

#contenant #reste_actu {
  width: 500px;
  border-top: 1px solid silver;
}

#contenant #reste_actu .cat_mini {
  width: 100px;
  float: left;
  text-align: right;
  margin-right: 5px;
}

#contenant #reste_actu .cat_mini a {
  font-size: 8px;
  color: #aa0505;
  text-decoration: none;
  font-family: Arial,sans-serif;
}

#contenant #reste_actu .titre_actu_liste {
  width: 380px;
  float: left;
}

#contenant #video_large {
  width: 510px;
  padding-top: 5px;
  padding-left: 5px;
  float:left;
}

#cadre_interview_video, #cadre_sondage_accueil{
  width: 305px;
  float: right;
  margin-left: 5px;
  font-family: Arial,sans-serif;
  font-size: 11px;
  text-align: left;
}



#cadre_pub_carre{
  width: 300px;
}

.texte_publicite{
  margin-top: 10px;
  width: 300px;
  text-align: center;
  color: #666666;
  font-family: tahoma;
  font-size: 10px;
  letter-spacing : 3px;
}

#contenant #colonne_centre .zone_actu_accueil {
  background-color: #F5F5F5;
  margin-bottom: 4px;
  padding: 4px;
}

#contenant #colonne_centre a, #contenant #colonne_centre a.titre, #contenant #colonne_centre a.categorie, #contenant #colonne_centre a.titre_first{
  color: black;
  text-decoration: none;
  font-family: Arial,sans-serif;
}

/*
#contenant #colonne_centre a {
  color: #0000FF;
}
*/

#contenant #colonne_centre a {
  color: #475b94;
}

#contenant #colonne_centre a:hover{
  color: gray;
  text-decoration: none;
  /*font-family: "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;*/
  font-family: Arial,sans-serif;

}

#contenant #colonne_centre a.titre, #contenant #colonne_centre a.titre_first{
  font-weight: bold;
  color: #004576;
}

#contenant #colonne_centre a.titre_first {
  font-size: 18px;
  color: #053658;
  
}

#contenant #colonne_centre a.categorie, #contenant #colonne_centre .categorie{
  font-size: 11px;
  color: #aa0505;
}
#contenant #colonne_droite {
  width: 300px;
  margin-left: 10px;
  padding-top: 5px;
  padding-left: 5px;
  float: left;
  text-align: center;
}

.bottom {
  padding: 5px;
  border-top: 1px solid black;
  background-color: #c2cfd9;
  text-align: center;
  margin-top: 10px;
  font-size: 10px;
}

.bottom a, .bottom a:hover {
  color: gray;
  font-weight: bold;
}


.zoom {
  width: 150px;
  height: 150px;
  border: 1px solid black;
}

.zoom:hover {
  background-color: #f9f9f9;
  border: 1px solid black;
}

#recherche_top {
  margin-bottom: 15px;
}

#recherche_top input {
  background-color: red;
  width: 400px;
  border: 1px solid black;
}

#recherche_top input.bouton{
  width: 100px;
  color: white;
  font-weight: bold;
}

#cadre_sondage_accueil input.bouton{
  width: 100px;
  color: gray;
  font-weight: bold;
  background-color: #F1F1F1;
  border: 1px solid black;
  font-family: "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
  font-size: 11px;
}


/* liens */


#colonne_droite a, #colonne_droite a:hover {
  color: white;
  text-decoration: none;
  font-family: verdana;
  font-size: 11px;
}

#colonne_droite a:hover {
  color: gray;
}


/* textes */


.titre_page {
  color: white;
  font-weight: bold;
  background-color: #000;
  width: 550px;
  text-align: center;
  margin: 8px;
  padding: 3px;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity: 0.6;
  -khtml-opacity: 0.6;
  border: 1px solid white;
}

.titre_secondaire {
  color: #4b73a2;
  font-size: 16px;
  font-family: Verdana;
  margin-bottom: 10px;
}

.titre_tertiaire {
  color: black;
  font-weight: bold;
  font-size: 12px;
  text-decoration: underline;
  font-family: "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}

.border_image {
  border: 1px solid black;
}

.border_image_marge {
  border: 1px solid black;
  margin: 5px;
}
/* formulaires */

#form {
}

.form_label {
  float: left;
  text-align: right;
  margin-right: 5px;
  width: 200px;
  font-family: Arial,sans-serif;
  font-size: 12px;
}

.form_input {
  float: left;
  text-align: left;
  width: 300px;
  font-family: Arial,sans-serif;
}

.form_input input, .form_input select, .form_input textarea {
  border: 1px solid silver;
  font-family: Arial,sans-serif;
  font-size: 12px;
  width: 300px;
}

.form_input .check {
  width: 12px;
}

.form_input textarea {
  height: 200px;
}

form{
display:inline;
}

/* listes */
#colonne_droite ul {
  margin-top:0px;
  list-style-image: url('../img/puce_carre_blanc.png');
  list-style-type: disc;
  font-size: 10px;
}

#colonne_centre #cadre_interview_video a, #colonne_centre #cadre_interview_video a:hover {
  font-family: "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
  font-size: 11px;
  color: #007dc3;
  text-decoration: none;
}

#colonne_centre #cadre_interview_video a:hover {
  color: gray;
}

#contenant #evenements_accueil a, a:hover, #contenant #evenements_prochainement a, a:hover  {
  color: #3f5d9e;
}

#edito{
  text-align: left;
}

#edito .titre{
  color: #2a5fa3;
  font-weight: bold;
  
}


.titre_large {
  font-size: 18px;
  color: #004576;
}

.soustitre_large {
  font-size: 16px;
  color: gray;
}


#erreur {
  border: 1px solid black;
  background-color: #940000;
  font-size: 14px;
  color: white;
  padding: 5px;
}

a.accroche, a.accroche:hover {
  text-decoration: none;
  font-family: Arial,sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #004576;
}

#cadre_enquete {
  border: 1px solid black;
  padding: 5px;
  /* background-color: #c2cfd9; */
  font-size: 11px;
}

#cadre_enquete .titre {
  color: #CC0000;
  font-weight: bold;
}

#cadre_enquete a.lien, #cadre_enquete a.lien:hover{
  font-weight: bold;
  font-size: 14px;
}

#recherche_solutions {
  float: right;
  width: 190px;
  background-color: #e3dee6;
  padding: 5px;
  border: 1px solid silver;
  margin-bottom: 5px;
  font-size: 9px;
  text-align: left;
}

#pub_vertical {
  position: absolute;
  margin-top: 222px;
  margin-left: 1010px;
  z-index: 1;
}

.details_actu {
  color: gray;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  padding: 5px;
}

.encadre {
  border: 1px solid gray;
  padding: 5px;
  margin: 5px;
}

input[type=checkbox] {
  width: 20px;
}

.logo_agenda {
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid silver;
}