/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.invisible {
  display:none;
  }
img{border:none;}
div, p {margin:0; padding:0}
/*---Contact---*/
#contact-adresse{
  width:140px;
  float:left;
  border-left:1px solid #CECCCC;
  padding-left:15px;
  display:inline;
  padding-bottom:5px;
  }
#contenu h3{
  font-size:1.2em;
  line-height:normal;
  text-align:left;
  color:#BF0C10;
  background: url(../images/charte/arrow.jpg) no-repeat left 7px;
  }
  #contact-adresse p{
    line-height:15px;
    }
  #contact-adresse .contact-plan {
    padding-top:5px;
    }
#contact-adresse .contact-plan a:link img,
#contact-adresse .contact-plan a:visited img{
  border:1px solid #D4D4D4;
  }
#contact-adresse .contact-plan a:hover img,
#contact-adresse .contact-plan a:active img {
  border:1px solid #FFD184;
  }
#contact-form{
	width:370px;
  float:left;
  display:inline;
  margin-left:10px;
  margin-left:22px;
	}
.contact-box{
  border-left:1px solid #C9C9C9;
  margin-left:3px;
  padding-left:25px;
  float:left;
  display:inline;
  padding-top:10px;
  }
.inputForm{
	border:1px solid #CECCCC;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7E7B7B;
  width:150px;
  margin:0;
  padding:0;
	}
.inputFormOver{
	border:1px solid #71A9D9;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#026BC7;
  width:170px;
	}
.envoyer{
  background: url(../images/charte/envoyer.jpg) no-repeat left top;
  border:none;
	width:58px;
  height:16px;
	color:#82735C;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  float:left;
	}
.envoyerOver{
  background: url(../images/charte/envoyer-over.gif) no-repeat left top;
  border:none;
	width:58px;
  height:16px;
 	color:#3A342C;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  float:left;
	}
.retablir{
  background: url(../images/charte/retablir.jpg) no-repeat left top;
  border:none;
	width:58px;
  height:16px;
	color:#82735C;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  float:left;
  display:inline;
  margin-right:26px;
  margin-left:190px;
	}
.retablirOver{
  background: url(../images/charte/retablir-over.gif) no-repeat left top;
  border:none;
	width:58px;
  height:16px;
  color:#3A342C;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-right:26px;
  margin-left:190px;
  float:left;
	}
.connecter{
  background: url(../images/charte/connecter.jpg) no-repeat left top;
  border:none;
	width:79px;
  height:20px;
	color:#82735C;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-right:10px;
  float:right;
	}
.connecterOver{
  background: url(../images/charte/connecter-over.jpg) no-repeat left top;
  border:none;
	width:79px;
  height:20px;
 	color:#3A342C;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
  margin-right:10px;
  float:right;
	}
.mail_label{
	width:70px;
	float:left;
	clear:both;
	margin-top:5px;
	color:#555555;
	font:normal 11px Arial;
	text-align:left;
	}
.mail_label span{
  color:#026BC7;
  }
.mail_input{
	width:110px;
	margin-top:5px;
	color:#fff;
  padding:0;
	}
.mail_input span{
  float:left;
  }
.buttons{
  background:url(../images/charte/bg-buttons.jpg) no-repeat center top;
  clear:both;
  height:34px;
  padding-top:8px;

  }
#contenuTexte p.star{
	font-size:10px;
  line-height:9px;
	}
#contenuTexte p.star span{
  color:#BF0C10;
  }
/*--end contact--*/
.line{
  background:url(../images/charte/line.jpg) repeat-x left center;
  height:20px;
  width:100%;
  clear:both;
  font-size:0;
  line-height:0;
  }
h3 span{
  font-size:11px;
  color:#858585;
  }
div.site-adresse{
  float:left;
  width:180px;
  margin-left:20px;
  display:inline;
  }
div.site-adresse div{
  background:url(../images/charte/bg-adresse.jpg) no-repeat left 5px;
  padding-left:60px;

  }
div.mail{
  background:url(../images/charte/icon-mail.jpg) no-repeat center top;
  height:60px;
  padding-right:0px;
  text-align:right;
  font:bold 11px Arial;
  padding-top:35px;
	margin-top: 10px;
  margin-right:30px;
  float:right;
  display:inline;
  margin-top:30px;
  }
.color{
  color:#BF0C10;
  }
#contenu div.subtitle{
  width:138px;
  height:96px;
  background:url(../images/charte/subtitle1.jpg) no-repeat right top;
  float:left;
  margin-right:10px;
  }
  #contenu div.subtitle .title{
    color:#BF0C10;
    text-align:center;
    font:bold 11px Arial;
    padding-top:12px;
    padding-bottom:10px;
    }
  #contenu div.subtitle p{
    margin:0 10px;
    }
#contenuTexte p.lead{padding-top:0;}
ul.list{
  list-style:none;
  font:normal 11px Arial;
  margin-left:40px;
  color:#757575;
  }
ul.list li{
  background:url(../images/charte/icon-list.jpg) no-repeat left 6px;
  padding-left:12px;
  float:left;
  clear:left;
  margin-top:3px;
  }
#contenuTexte p.icon-text{
  background:url(../images/charte/icon-list.jpg) no-repeat left 4px;
  padding-left:12px;
  margin-top:0;
  padding-top:0;
  color:#BF0C10;
  padding-bottom:0;
  }
div.image-right{
  float:right;
  margin-left:10px;
  }
.partenaire-box{
  float: left;
  width: 116px;
  height: 134px;
  margin-right:10px;
  margin-left:17px;
  display:inline;
  margin-bottom:5px;
  }
#contenuTexte .partenaires-title{
  font-size:10px;
  text-align:center;
  }
.partenaire-image{
  width:114px;
  height:114px;
  border:1px solid #DE0E13;
  }
.actualites-box{
  border:1px solid #D3D1D1;
  width:240px;
  float:left;
  margin-right:7px;
  margin-left:5px;
  display:inline;
  padding:5px;
  height:110px;
  margin-bottom:5px;
  }
#container .actualites-box h3{
  background:url(../images/charte/bg-title-actu.jpg) no-repeat left top;
  padding-left:20px;
  }