body{

  background : url('../images/fondPage.png') repeat-y scroll center top;
  
  margin : 0 ;
  padding : 0 ;
  
  font-family : verdana ;
  font-size : 13px ;

}

form, input {

  margin : 0 ;
  padding : 0 ;
}

.hr{
  height : 1px ;
  width : 200px ;
  text-align : left ; /* IE */
  margin : 0 ; /* Mozilla */
  margin-bottom : 10px ;
  background-color : #FF7712 ;  	
}

/* --- IMAGES --- */
#texte img{
  float : right ;
}

#texte img.normal{
  float : none ;
}

/* --- TEXTE --- */

#texte p{
  
 text-indent : 25px ; 
}

/* Liens normaux */
#texte a{
  
  color : #FFAB61 ;
  text-decoration : none ;
  border-bottom : 1px solid #FFAB61 ;
}

#texte a:hover{
  
  color : #FF790A ;
  border-bottom : 1px solid #FF790A ;
}

/* Liens texte */
#texte a.texte, #texte a.texte:hover {
  
  color : black ;
  text-decoration : none ;
  border-bottom-style : none ;
}


h1{
  
  color : #FF7712 ;
  width : 620px ;
  border-bottom : 1px solid #FF7712 ;
  font-size : 23px ;
  margin-left : 10px ;
  padding-bottom : 3px ;
  margin-bottom : 25px ;
  margin-top : 25px ;
}

h2{

  color : black ;
  width : 540px ;
  border-bottom : 1px solid #FF7712 ;
  font-size : 17px ;
  margin-left : 20px ;
  padding-bottom : 3px ;
  margin-bottom : 20px ;
  margin-top : 30px ;  
}

h3{

  color : black ;
  width : 450px ;
  font-size : 14px ;
  margin-left : 30px ;
  padding-bottom : 3px ;
  margin-bottom : 10px ;
  margin-top : 20px ;  
}

#menuContenu{

  text-transform : uppercase ;
  color : #FFF ;
}

#menuContenu ul li a{
  
  color : #FFF ;
  text-decoration : none ;
  font-weight : bold ;
  font-size : 13px ;
}

#sousMenuContenu{

  font-size : 10px ;
  font-weight : bold ;
}

#sousMenuContenu a{

  text-decoration : none ;
  color : black ;
  margin-left : 3px ;
  margin-right : 3px ;
}

#sousMenuContenu a:hover{

  color : white ;
  background-color : default ;
}

.cartouche .titre{

  display : block ;
  text-decoration : none ;
  text-transform : uppercase ;
  font-size : 13px ;
  font-weight : bold ;
  color : white ;
  margin-bottom : 7px ;
}

.cartouche .texte{

  display : block ;
  text-decoration : none ;
  color : black ;
  font-size : 10px ;
  text-align : left ;
  padding-left : 8px ;
  padding-right : 6px ;
  margin-bottom : 10px ;
}

.cartouche .ligne1, .cartouche .ligne2, .cartouche .ligne3, .cartouche .ligne4, .cartouche .lien{

  color : black ;
  display : block ;
  text-align : left ;
  text-decoration : none ;
}

.cartouche .ligne1{
  
  font-size : 12px ;
  padding-left : 8px ;
}

.cartouche .ligne2{
  
  font-size : 20px ;
  padding-left : 17px ;
}

.cartouche .ligne3{
  
  font-size : 10px ;
  padding-left : 35px ;
}

.cartouche .ligne4{
  
  font-size : 14px ;
  padding-left : 7px ;
  margin-bottom : 10px ;
}

.cartouche .lien{
  
  color : red ;
  font-size : 10px ;
  text-align : right ;
  padding-right : 5px ;
}

#piedPage{
  
  color : #BBB ;
  margin : auto ;
  width : 50% ;
  border-top : 1px solid #999 ;
  padding-top : 10px ;
  text-align : center ;
  font-weight : bold ;
  font-size : 10px ;
  clear : both ;
}

#piedPage a{

  color : #BBB ;
  text-decoration : none ;
  border-bottom : 1px solid #BBB ;
}

#piedPage a:hover{

  color : #777 ;
  border-bottom : 1px solid #777 ;  
}

/* -- FORMULAIRE -- */

.ligneForm{

  margin-bottom : 3px ;
}

.cartouche label{
  
  display : block ;
  float : left ;
  width : 50px ;
  font-size : 9px ;
  font-weight : bold ;
  margin-right : 5px ;
  text-align : right ;
}

.cartouche input {
  font-size : 10px ;
  font-family : sans-serif ;
  height : 11px ;
  margin-right : 6px ;
}

.cartouche .bouton {

  margin-top : 5px ;
  font-size : 10px ;
  height : 18px ;
  border : 1px solid #FF8A32 ;
  background-color : #FFB176 ;
}

/* -- BLOCS -- */

#page{

  background : url('../images/fondHautPage.png') no-repeat scroll  center top;
}

#contenu{

  width : 900px ;
  height : 100% ;
  margin : auto ;
  padding-top : 20px ;
}

#contenu #colonneGauche{

  width : 150px ;
  float : left ;
}

#contenu #colonneDroite{

  width : 750px ;
  margin-left : 150px ;
  min-height : 449px ;
}

#contenu #texte{
  
  padding : 20px ;
  padding-top : 5px ;
  min-height : 500px ;
}

#logo{


}

#menu{

  margin-top : 10px ;

  margin-bottom : 30px ;
  height : 57px ;
  width : 650px ;
  margin : auto ;

}

#menuBarre{

  width : 750px ;
  height : 31px ;
  margin : auto ;
}

#menuGauche{

  background : url('../images/menuG.png') no-repeat ;
  width : 24px ;
  height : 31px ;
  float : left ;
}

#menuContenu{

  float : left ;
  height : 31px ;
}

#menuContenu ul{
  background : url('../images/menuFond.png') repeat-x ;
  margin : 0 ;
  padding : 0 ;
  height : 31px ;
}

#menuContenu ul li{

  list-style-type : none ;
  float : left ;
  padding-right : 2px ;
}

#menuContenu ul li.separation{

  background:url('../images/menuSeparation.png') no-repeat right;
  height : 31px ;
}

#menuContenu ul li a{
  
  display : block ;
  margin : 0 ;
  padding : 0 ;
  margin-top : 2px ;
  padding-top : 5px ;
  padding-left : 8px ;
  padding-right : 8px ;  
  height : 23px ;
}

#menuContenu ul li a:hover{

  background:url('../images/menuFondHover.png') repeat-x ;
}

#menuDroite{

  background : url('../images/menuD.png') no-repeat ;
  width : 24px ;
  height : 31px ;
  float : left ;
}

#sousMenu{
  height : 25px ;
  margin : auto ;
  width : 337px ;
}

#sousMenuGauche{

  background:url('../images/sousMenuG.png') no-repeat ;
  width : 20px ;
  height : 20px ;
  float : left ;
}

#sousMenuContenu{

  background-color : #FFB176 ;
  height : 17px ;
  float : left ;

  padding-top : 3px ;
}

#sousMenuDroite{

  background:url('../images/sousMenuD.png') no-repeat ;
  width : 20px ;
  height : 20px ;
  float : left ;
}

/* --- CARTOUCHES --- */

.cartouche{

  margin : auto ;
  width : 130px;
  height : 500px ;
  background:url('../images/chapeauCartouche.png') no-repeat ;
  width : 130px;
  height : 31px ;
  text-align : center ;
  position : relative ;
}

.cadreCartouche, .cadreCartouche2, .cadreCartouche3{
  
  margin : auto ;
  margin-bottom : 20px ;
  width : 128px;
  height : 85px ;
  border-left : 1px solid #FF8A32 ;
  border-bottom : 1px solid #FF8A32 ;
  border-right : 1px solid #FF8A32 ;
  background-color : #FFE1C6 ;
}

.cadreCartouche2{
  
  height : 125px ;
}

.cadreCartouche3{
  
  height : 80px ;
}

/* -- CARTOUCHES ACCUEIL -- */


.cartoucheAccueil{

  width : 335px ;
  margin-bottom : 30px ;
  margin-right : 20px ;
  padding : auto ;
  float : left ;
}

.cartoucheAccueil .cartoucheAccueilTitre{
  
  background:url('../images/titreChapeauAccueil.png') no-repeat ;
  width : 138px ;
  height : 21px ;
  color : white ;
  font-weight : bold ;
  font-size : 1.1em ;
  text-align : center ;
}

.cartoucheAccueil .cartoucheAccueilTitre span{
  margin-top : 4px ;
}

.cartoucheAccueil .cartoucheAccueilContenu{
  
  border : 1px solid #FF7712 ;
  background-color : #FFE4CC ;
  height : 140px ;
}

.cartoucheAccueil .cartoucheAccueilContenu .cartoucheAccueilImage{

  float : left ;
  padding-left : 5px ;
  padding-right : 10px ;
  width : 100px ;
}

.cartoucheAccueil .cartoucheAccueilContenu .cartoucheAccueilContenuTexte{
  
  float : left ; 
  width : 215px ;
}

.cartoucheAccueil .cartoucheAccueilContenu .cartoucheAccueilContenuTexte .cartoucheAccueilSousTitre{
  
  display : block ;
  margin-top : 5px ;
  margin-bottom : 3px ;
  font-size : 1.1em ;
  font-weight : bold ;
  border-bottom : 1px solid #FF7712 ;
  color : black ;
  width : 200px ;
}

.cartoucheAccueil .cartoucheAccueilContenu .cartoucheAccueilContenuTexte .cartoucheAccueilTexte{

  border-bottom-style : none ;
  font-size : 0.8em ;
  color : black ;
  display : block ;
} 


.cartoucheAccueil ul{

  margin-top : 0px ;
  margin-left : 20px ;
  padding : 10px ;
  margin-bottom : 0px ;
}

.cartoucheAccueil li{
  
  list-style-type : none ;
  list-style-image : url("../images/puce.png") ;
  
}

/* -- CARTOUCHES PROJET -- */


.cartoucheProjet{

  width : 600px ;
  margin-bottom : 30px ;
  margin-right : 20px ;
  padding : auto ;
  float : left ;
}

.cartoucheProjet .cartoucheProjetTitre{
  
  background:url('../images/titreChapeauAccueil.png') no-repeat ;
  width : 138px ;
  height : 18px ;
  color : white ;
  font-weight : bold ;
  font-size : 13px ;
  text-align : center ;
  padding-top : 3px ;
}

.cartoucheProjet .cartoucheProjetTitre .titre{
  
  color : white ;
  font-weight : bold ;
  font-size : 1em ;
  text-decoration : none ;
  border-bottom : 
}

.cartoucheProjet .cartoucheProjetTitre span{
  margin-top : 4px ;
}

.cartoucheProjet .cartoucheProjetContenu{
  
  border : 1px solid #FF7712 ;
  background-color : #FFE4CC ;
  height : 110px ;
  padding : 5px 5px 5px 10px ;

}

.cartoucheProjet .cartoucheProjetContenu .cartoucheProjetSousTitre{
  
  display : block ;
  margin-top : 5px ;
  margin-bottom : 10px ;
  font-size : 1.1em ;
  font-weight : bold ;
  border-bottom : 1px solid #FF7712 ;
  color : black ;
  width : 300px ;
}

.cartoucheProjet .cartoucheProjetContenu .cartoucheProjetContenuTexte{

  padding-left : 10px ;
  height : 58px ;
}

.cartoucheProjet .cartoucheProjetContenu .cartoucheProjetContenuLiens{
  
  height : 10px ;
}

.cartoucheProjet .cartoucheProjetContenu .cartoucheProjetContenuLiens .lien{
  
  color : red ;
  font-size : 10px ;
  text-align : right ;
  padding-right : 5px ;  
  text-decoration : none ;
  border-bottom : 0px solid red ;
  margin-right : 20px ;
  
}