﻿/**
 * Fichier : contenu.css
 * Description : Défini les styles de la colonne centrale
 * Auteur : Anthony Stéphan - astephan[at]nealite.fr
 * Copyright : nealite.fr
 * Version : 1.0.0
 ************************************************************/
 
 /* Import de la CSS Reset */
 @import url(reset.css);
  
 /* ===============================================
 * Global
 * ===============================================*/

body
{
  font-family: Arial,"Trebuchet MS",Verdana,Geneva,Helvetica,sans-serif; 
  text-align: left;
}

h2,
h3,
h4
{
  float: left;
  width: 100%;
}

h2,
h3
{
  font-size: 16px;
}

h2
{
  border-bottom: 1px solid #bdd4e1;
  color: #13518e;
  margin: 0 0 15px;
  padding: 0 0 8px;
  width: 100% !important;
}

h2 strong
{
  float: left;
  width: 400px !important;
}

h2 span
{
  clear: none !important;
  color: #717171;
  float: right !important;
  font-size: 13px !important;
  font-weight: bold;
  margin: 0 13px 0 0;
  text-align: right !important;
  width: 200px !important;
}

h3
{
  color: #0183a7;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 10px;
}

h4,
p
{
  color: #717171;
  font-size: 12px;
  margin: 0 0 10px;
}

p
{
  float: left;
  line-height: 18px;
  text-align: justify;
  width: 100%;
}

h4
{
  font-weight: bold;
  margin: 10px 0;
}

.souligne
{
  text-decoration: underline;
}

a
{
  color: #0183a7;
  font-size: 12px;
  text-decoration: none;
}

a.pdf,
span.pdf
{
  padding: 2px 20px 2px 0; 
}

.invite
{
  clear: both;
  color: #175588;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  margin: 30px 0 0;
  text-align: center;
  width: 100%;
}

.colonne_1 .invite
{
  text-align: left;
}

span.legende
{
  color: #717171;
  font-size: 11px;
  font-weight: bold;
}

.fleche_cercle
{
  background: url(../images/puces/fleche_cercle.png) center left no-repeat;
  padding-left: 20px; 
}

ul.defaut
{
  float: left;
  width: 100%;
}

ul.defaut li
{
  background: url(../images/puces/carre_gris.png) 0 8px no-repeat;
  color: #717171;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 7px;
  padding: 0 0 0 10px;
}


ul.chevron_orange li,
a.chevron_orange
{
  background: url(../images/puces/chevron_orange.png) 0 5px no-repeat;
  padding: 0 0 0 10px; 
}

ul.chevron_orange li
{
  margin: 0 0 5px;
}

#sous_menu li
{
  float: left;
  margin: 0 20px 0 0;
}

.colonne_1,
.colonne_2
{
  float: left;
}

#gabarit_accueil .colonne_1
{
  margin: 0 25px 0 0;
  width: 473px;
}

.colonne_unique .colonne_1
{
   width: 100% !important;
   _width: 710px !important;
}

.colonne_unique .colonne_1 span
{
	float: left;
	clear: both;
   width: 100%;
}

#gabarit_accueil .colonne_1 p
{
  float: left;
}

#gabarit_actualite .colonne_1
{
  margin: 0 20px 0 0;
  width: 257px;
}

#gabarit_actualite .colonne_1 ul
{
  margin: 10px 0 0;
}

.photo_droite
{
  float: right;
  margin: 5px 0 15px 15px;
}

#gabarit_accueil .colonne_2
{
  width: 250px;
}

#gabarit_accueil .colonne_2 h3.fleche_cercle
{
  width: 190px;
}

.communique
{
  background: url(../images/puces/carre_gris.png) 6px 5px no-repeat;
  float: left;
  font-size: 12px;
  padding: 0 0 5px 15px;
  width: 195px;
}

.communiquebis
{
  background: none;
}

.communiquebis a
{
  font-weight: bold;
}

#gabarit_actualite .communiquebis div
{
 margin: 5px 0 !important;
}

#gabarit_actualite .communique
{
  margin: 10px 0 0;
  width: 720px;
}

.communique strong,
.communique a
{
  display: block;
}

#gabarit_actualite .communique a
{
  display: inline;
}

#gabarit_actualite .communique div
{
  line-height: 18px;
  margin: 5px 0 10px;
}

#gabarit_actualite .communique div strong
{
  color: #000;
  display: inline;
}

.communique strong
{
  color: #717171;
}

.communique a
{
  margin: 7px 0 0;
}

#gabarit_actualite .colonne_2
{
  width: 462px;
}

#gabarit_actualite .colonne_2 h3,
#gabarit_actualite .colonne_2 h4
{
  margin-left: 10px;
  width: 452px;
}

.actualite
{
  float: left;
  font-size: 12px;
  margin: 5px 0 15px 10px;
  width: 452px;
}

.actualite_titre
{
  margin: 0 0 5px;
}

.actualite strong,
#gabarit_actualite .colonne_2 .encart strong
{
  color: #13518e;
  font-weight: bold;
}

.actualite span
{
  color: #717171;
}

#gabarit_actualite .colonne_2 .encart
{
  background: url(../images/fonds/trame_encart.png) no-repeat;
  float: left;
  font-size: 12px;
  padding: 20px;
  width: 422px;
}

#gabarit_actualite .colonne_2 .encart strong,
#gabarit_actualite .colonne_2 .encart p,
#gabarit_actualite .colonne_2 .encart .lien
{
  clear: both;
  float: left;
  margin: 0 0 10px;
}

#gabarit_actualite .colonne_2 .encart span
{
  color: #717171;
}


.colonne_2 h2
{
  margin: 0;
}

#gabarit_accueil .colonne_2 h3
{
  color: #13518e;
}

.colonne_2 .texte
{
  background: #f1f4f8 url(../images/fonds/trame_bloc.jpg) bottom left repeat-x;
  float: left;
  margin: 0 0 22px;
  padding: 23px 20px;
  width: 210px;
}

.colonne_2 .texte p
{
  margin: 0 0 10px;
}


/* Gabarit Réseau */

#gabarit_reseau .logo
{
  float: left;
  height: 70px;
  margin: 0 5px 0 0;
  width: 70px;
}

#gabarit_reseau .entete
{
  float: left;
  height: 70px;
  margin: 10px 0 0 10px;
  width: 660px;
}

#gabarit_reseau .entete h2
{
  margin-bottom: 5px;
}

#gabarit_reseau h3
{
  margin: 10px 0 0;
}

#gabarit_reseau .colonne_1
{
  float: left;
  margin: 20px 0 0;
  width: 305px;
}

#gabarit_reseau .colonne_2
{
  margin: 20px 0 0;
  padding: 0 0 0 20px;
  width: 410px;
}

#gabarit_reseau .colonne_2 iframe
{
  height: 420px;
  width: 410px;
}

#gabarit_reseau a.chevron_orange
{
  clear: both;
  float: left;
  width: 700px;
}

#gabarit_reseau .colonne_4,
#gabarit_reseau .colonne_5
{
  float: left;
}

#gabarit_reseau .colonne_4
{
  clear: both;
  width: 350px;
}

#gabarit_reseau .colonne_5
{
  width: 350px;
}

#gabarit_reseau .regions
{
  float: left;
  margin: 15px 0 0;
  width: 350px;
}

#gabarit_reseau .regions li
{
  color: #0183a7;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 15px;
  width: 350px;
}

#gabarit_reseau .regions li li
{
  color: #000;
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0 0;
}

#gabarit_reseau .colonne_2 img
{
  float: left;
}

#gabarit_reseau .colonne_2 .encart
{
  background: url(../images/fonds/trame_encart_complet.png) no-repeat;
  color: #13518e;
  float: right;
  font-size: 12px;
  margin: 25px 0 0;
  padding: 20px;
  width: 192px;
}

#gabarit_reseau .colonne_2 .encart strong,
#gabarit_reseau .colonne_2 .encart p,
#gabarit_reseau .colonne_2 .encart ul,
#gabarit_reseau .colonne_2 .encart .lien
{
  clear: both;
  float: left;
  margin: 0 0 10px;
  width: 180px;
}

#gabarit_reseau .colonne_2 .encart ul li
{
  font-size: 12px;
  margin: 0 0 10px;
  width: 180px;
}

#gabarit_reseau .colonne_2 .encart span
{
  font-weight: bold;
}

#gabarit_reseau .colonne_2 .encart p
{
  color: #13518e;
}


#gabarit_presse form
{
  float: left;
  margin: 20px 0;
  width: 100%;
}

#gabarit_presse th
{
  color: #13518e;
  font-size: 12px;
  font-weight: bold;
}

#gabarit_presse td input.text
{
  margin: 3px 0;
  width: 270px;
}


#gabarit_presse ul
{
  float: left;
  width: 100%;
}

#gabarit_presse ul li
{
  margin: 0 0 5px;
  width: 100%;
}


