/********************************
 * Elements globaux 
********************************/
html {
  height: 100%;
  width: 100%;
}

/* IE 6 et inférieurs */
* html BODY{
  margin: 0px;
  width: 100%;
  height: 100%;
}

/* IE 7 seulement */
*+html  BODY{
  margin: 0px;
  width: 100%;
  height: 100% ;
}

/* Navigateurs modernes seulement (IE 7 non inclus puisque n'étant pas un navigateur moderne) */
html>/**/body {
  margin: 0px;
  width: 100%;
  height: 100%;
}

body {
  background-color: #FFFFFF;
  background-image: url(../images/fonds/fond_portailpro.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  font-family: "Trebuchet MS";
}

.clear {
  clear: both;
}

#conteneur {
  width: 1000px;
  background-color: #FFFFFF;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

img {
  border: 0px;
}

a:link, a:visited, a:hover {
  color: inherit;
  text-decoration: none;
}

.couleur_portail {
  color: #00569A;
}

ul {
  list-style-image: url(/images/visuel/puce_pp.jpg);
  margin: 0;
  margin-top: 11px;
  margin-bottom: 11px;
  padding: 0;
  padding-left: 20px;
}

/********************************
 * Header  
 ********************************/
#header {
  /*height: 407px;*/
  height: 430px;
  width: 1000px;
  position: relative;
  background-image: url(/images/fonds/fond_header.jpg);
  background-repeat: repeat-x;
}

#header #logo {
  height: 74px;
  width: 274px;
  position: absolute;
  top: 27px;
  left: 20px;
  z-index:2;
}

#header #logo .div-facebook{
  padding-top:10px;
}

#header #logo .picto-facebook{
  float:left;
  padding-top:2px;
}

#header #logo .conteneur-facebook{
  float:left;
  margin-left:5px;
}

#header #logo .texte-facebook{
  font-size:12px;
  color:#00569a;
}

#header #logo .jaime-facebook{
  float:left;
}

#header #logo .fans-facebook{
  float:left;
  margin-left:5px;
  padding-top:2px;
  font-size:12px;
  color:#333333;
}

#header #cafe {
  height: 92px;
  width: 218px;
  position: absolute;
  top: 27px;
  left: 350px;
  font-weight: bold;
  font-size: 1em;
  color:#5B5B5B;
  background-image: url(/images/logo/cafe.jpg);
  background-repeat: no-repeat;
}

#header #detail_entreprise {
  width: 360px; /* Valeur initiale a 350px; passé a 360 pour que le texte ne passe pas en dessous du logo (en haut a droite) */
  height: 128px;
  position: absolute;
  top: 27px;
  right: 20px;
}

#header #detail_entreprise .desc {
  font-weight: bold;
  font-size: 1.5em;
}

#header #detail_entreprise .illustration {
  width: 105px;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#header #detail_entreprise #bloc_contact {
  position: absolute;
  right: 0;
}

#header #detail_entreprise #bloc_contact #num_tel {
  text-align: right;
  font-weight: bold;
  font-size: 1.5em;
}

#header #detail_entreprise #bloc_contact #lien_contact {
  font-weight: bold;
  font-size: 0.6em;
  text-align:right;
}

#header #flash {
  width: 1000px;
  height: 284px;
  position: absolute;
  left: 0px;
  top: 123px;
}


/********************************
 * Contenu  
********************************/
#content {
  position: relative;
  font-size: 0.8em;
  float:left;
}


/********************************
 * Left 
********************************/
#content #left {
  width: 780px;
  /*margin-right: 220px;*/
  position: relative;
  float: left;
}

#content #left .actu {
  width: 100%;
  position: relative;
  clear: both;
}

#content #left .demi {
  width: 50%;
  float: left;
  clear: none;
  margin-bottom: 30px;
}

#content #left .actu .logo_article {
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left:10px;
  margin-right:10px;
}

#content #left .actu h1 {
  margin: 0px;
  padding: 0px;
  margin-left: 170px;
  font-size: 2.1em;
  font-weight: bold;
}

#content #left .actu .article {
  margin: 0px;
  padding: 0px;
  margin-left: 170px;
  margin-right: 10px;
  font-size: 0.9em;
  text-align: justify;
}

#content #left .actu .article a {
  color:#00569A;
}

#content #left #article {
  width: 100%;
  position: relative;
  clear: both;
  margin-left: 10px;
  width: 770px;
}

#content #left #article h1 {
  font-size: 2.1em;
  font-weight: bold;
}

#content #left #fil_ariane {
  margin-left: 10px;
  margin-bottom: 10px;
}

#portable {
  width: 1000px;
  height: 159px;
  margin-top: -70px;
  background:url(../images/visuel/portable.jpg) top left;
}

#portable .titre_portail{
  font-weight:bold;
  color:#8c8c8c;
  font-size:14px;
}

#portable .telephone{
  font-weight:bold;
  color:#005f90;
  font-size:18px;
}

#portable a{
  font-weight:normal;
  color:#005f90;
  font-size:12px;
  text-decoration:none;
}

#portable p{
  padding-right:190px;
  padding-top:70px;
  text-align:right;
}




#content #left .reference {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

#content #left .reference .logo_reference {
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;

}

#content #left .reference h1 {
  margin: 0px;
  padding: 0px;
  margin-left: 160px;
  font-size: 2.1em;
  font-weight: bold;
}

#content #left .reference .contenuReference {
  margin: 0px;
  padding: 0px;
  margin-left: 160px;
  margin-right: 10px;
  font-size: 0.9em;
  text-align: justify;
}

#content #left .reference a {
  color:#00569A;
}

#content #left .pagination {
  clear: both;
  margin-top: 20px;
  text-align: center;
}

#content #left .pagination .num_page {
  height: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  border: 1px solid black;
  margin-left: 2px;
  display: inline;
}
/********************************
 * Right 
********************************/
#content #right {
  width: 200px;
  padding-left: 15px;
  padding-right: 5px;
  /*position: absolute;*/
  position: relative;
  float: left;
  /*right: 0;
  top: 0;*/
  font-size: 0.9em;
}


#content #right #zoom {
  width: 200px;
  height: 183px;
  position: relative;
  background-image: url(/images/fonds/zoom.jpg);
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

#content #right #zoom #logo {
  width: 200px;
  position: relative;
  padding-top:30px;
  text-align:center;
}

#content #right #zoom #texte {
  width: 200px;
  position: relative;
  text-align:center;
  color:#FFFFFF;
}

#content #right #zoom .voir_plus {
  position: absolute;
  top: 130px;
  left: 11px;
}

#content #right #flux_rss {
  width: 28px;
  height: 28px;
  float: left;
  margin-bottom: 10px;
}

#content #right #toutes_actu {
  height: 28px;
  float: left;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-left: 10px;
}

#content #right #liste_actu {
  clear: both;
}

#content #right .menu_rubrique {
  font-size: 1.2em;
  font-weight: bold;
}

#content #right .menu_rubrique .liste_article {
  font-size: 0.8em;
  font-weight: normal;
}


/********************************
 * Footer 
********************************/
#footer {
  width: 100%;
  height: 400px;
  background-image: url(/images/fonds/fond_footer.jpg);
  background-repeat: repeat-x;
  text-align: left;
  position: relative;
}

#footer #liste_reference {
  position: absolute;
  top: 10px;
  left: -220px;
  width: 100%;
  z-index: 15;
  text-align: center;
  font-size: 23px;
  color: #FFFFFF;
}

#footer #liste_reference a, #footer #liste_reference a:link, #footer #liste_reference a:hover, #footer #liste_reference a:visited{
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
}

#footer #flash_footer {
  /*width: 745px;*/
  height: 310px;
  position: relative;
  margin-left: auto;
  margin-right: auto;

}


#footer #footer_bas {
  width: 1000px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  
}

#footer #footer_bas #logo_haut {
  position: absolute;
  top: 0;
  left: 770px;
}

#footer #footer_bas #logo_tigre {
  position: absolute;
  top: 20px;
  left: 40px;
}

#footer #footer_bas #logo_cercle {
  position: absolute;
  top: 20px;
  left: 170px;
}

#footer #footer_bas #logo_couveuse {
  position: absolute;
  top: 20px;
  left: 280px;
}

#footer #footer_bas #logo_itrans {
  position: absolute;
  top: 20px;
  left: 415px;
}

#footer #footer_bas #logo_orga {
  position: absolute;
  top: 20px;
  left: 560px;
}

#footer #footer_bas #logo_ogip {
  position: absolute;
  top: 50px;
  left: 830px;
}

#comment_article {
	padding-left:160px;
	padding-right:15px;
	clear:both;
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height:16px;
}

#doc_article {
	padding-left:160px;
	padding-right:15px;
	clear:both;
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height:16px;
}

#comment_article h2{
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}

.description {
  position:relative;
  border:1px solid #00569A;
  text-align:left;
  padding-left:10px;
}
.libelle {
  position:absolute;
  background-color:#ffffff;
  margin-top:-10px;
  margin-left:20px;
  padding-left:10px;
  padding-right:10px;
  font-weight:bold;
  color:#00569A;
  font-size:1.2em;
}
textarea {
  font-family: "Trebuchet MS";
  font-size:1.1em;
}
input {
  font-family: "Trebuchet MS";
  font-size:1.1em;
}