#spacer {width: 1000px ; height : 10px ; margin: 0 auto }
#menu {width: 1000px ; height : 30px ; margin: 0 auto }

#equipe1 {float:left ; width:167px ; height:35px ; background: url(../img/equipe1.png) }
#partenaires1 {float:left ; width:167px ; height:35px ; background: url(../img/partenaires1.png) }
#presse1 {float:left ; width:167px ; height:35px ; background: url(../img/presse1.png) }
#annonceurs1 {float:left ; width:167px ; height:35px ; background: url(../img/annonceurs1.png) }
#faq1 {float:left ; width:167px ; height:35px ; background: url(../img/faq1.png) }
#nouscontacter1 {float:left ; width:165px ; height:35px ; background: url(../img/nouscontacter1.png) }

#equipe2 {float:left ; width:167px ; height:35px ; background: url(../img/equipe2.png) }
#partenaires2 {float:left ; width:167px ; height:35px ; background: url(../img/partenaires2.png) }
#presse2 {float:left ; width:167px ; height:35px ; background: url(../img/presse2.png) }
#annonceurs2 {float:left ; width:167px ; height:35px ; background: url(../img/annonceurs2.png) }
#faq2 {float:left ; width:167px ; height:35px ; background: url(../img/faq2.png) }
#nouscontacter2 {float:left ; width:165px ; height:35px ; background: url(../img/nouscontacter2.png) }

#conteneur {position : relative ; width: 998px ; height : auto ; margin: 0 auto ; margin-top : 5px ; border-left : 1px solid #c3c3c3 ; border-right : 1px solid #c3c3c3 ; border-bottom : 1px solid #c3c3c3 ; background : white ; overflow: hidden }

#intro {float:left ; width: 940px ; height : auto ;  margin-top : 30px ; margin-left : 30px ; text-align: justify }
.intro {font-size : 18px ; font-style : italic ; color : #947BBD }
.intro2 {font-size : 18px ; font-style : italic ; color : #b7db3c }

#ligne {float:left ; width: 940px ; margin-top : 30px ; margin-left: 30px}
#cadreportrait1 {float:left ; width: 150px ; height : 180px ; background: url(../img/cadreportrait.png) }
#cadreportrait2 {float:left ; width: 150px ; height : 180px ;  margin-left : 50px ; background: url(../img/cadreportrait.png) }
#portrait1 {float:left ; width: 120px ; height : 150px ;  margin-top : 12px ; margin-left : 15px ; background: url(../img/portrait1.jpg) }
#portrait2 {float:left ; width: 120px ; height : 150px ;  margin-top : 12px ; margin-left : 15px ; background: url(../img/portrait2.jpg) }
#portrait3 {float:left ; width: 120px ; height : 150px ;  margin-top : 12px ; margin-left : 15px ; background: url(../img/portrait3.png) }
#portrait4 {float:left ; width: 120px ; height : 150px ;  margin-top : 12px ; margin-left : 15px ; background: url(../img/portrait4.png) }
#portrait5 {float:left ; width: 120px ; height : 150px ;  margin-top : 12px ; margin-left : 15px ; background: url(../img/portrait5.jpg) }
#portrait6 {float:left ; width: 120px ; height : 150px ;  margin-top : 12px ; margin-left : 15px ; background: url(../img/portrait6.jpg) }
#portrait7 {float:left ; width: 120px ; height : 150px ;  margin-top : 12px ; margin-left : 15px ; background: url(../img/portrait7.jpg) }
#portrait8 {float:left ; width: 120px ; height : 150px ;  margin-top : 12px ; margin-left : 15px ; background: url(../img/portrait8.jpg) }
#texteportraits {float:left ; width: 285px ; margin-left : 10px ; text-align: justify }
#mail {float:left ; width: 100px ; height : 18px ; margin : 10px 0 0 0 ; background: url(../img/mail.png) no-repeat ; clear:both}
.nom {font-size : 18px ; font-weight : bolder ; color : #947BBD }
.fonction {font-size : 16px ; font-weight : lighter ; color : #b6adc9 }
.infos  {font-size : 14px ; color : #515151}

#ligne2 {float:left ; width: 940px ; height : auto ;  margin-top : 30px ; margin-left: 30px}
#ligne3 {float:left ; width: 940px ; height : auto ;  margin-top : 50px ; margin-left: 30px}
#logo1 {float:left ; width: 200px ; height : 142px ;  margin : 0px 20px 15px 0px ; background: url(../img/logo1.png) }
#logo2 {float:left ; width: 200px ; height : 86px ;  margin : 0px 20px 15px 0px ; background: url(../img/logo2.png) }
#logo3 {float:left ; width: 200px ; height : 200px ;  margin : 0px 20px 15px 0px ; background: url(../img/logo3.png) }
#logo4 {float:left ; width: 200px ; height : 255px ;  margin : 0px 20px 15px 0px ; background: url(../img/logo4.png) }
#logo5 {float:left ; width: 200px ; height : 92px ;  margin : 0px 20px 15px 0px ; background: url(../img/logo5.png) }
#logo6 {float:left ; width: 200px ; height : 72px ;  margin : 0px 20px 15px 0px ; background: url(../img/logo6.png) }

#annonceurs {float:left ; width: 940px ; height : auto ;  margin : 30px 0 30px 30px }
.texteannonceurs  {font-size : 14px ; color : #515151}

#rubriques {float:left ; width: 940px ; height : auto ;  margin : 30px 0 10px 30px }
#video1 {float:left ; width: 425px ; height : 380px ;  margin-left: 30px ;  margin-bottom: 10px}
#video2 {float:left ; width: 425px ; height : 380px ;  margin-left: 90px ;  margin-bottom: 10px}
#textevideo {float:left ; width: 270px ; height : 505px ;  margin-left: 30px ;  margin-bottom: 30px}
#journal1 {float:left ; width: 200px ; height : 130px ; margin-left : 30px ; background: url(../img/logo-lesechos.png) no-repeat }
#journal2 {float:left ; width: 200px ; height : 130px ; margin-left : 30px ; background: url(../img/logo-liberation.png) no-repeat }
#journal3 {float:left ; width: 200px ; height : 130px ; margin-left : 30px ; background: url(../img/logo-aujourdhui.png) no-repeat }
#journal4 {float:left ; width: 200px ; height : 130px ; margin-left : 30px ; background: url(../img/logo-villerail.png) no-repeat }
#journal5 {float:left ; width: 200px ; height : 130px ; margin-left : 30px ; background: url(../img/logo-nouvellerepublique.png) no-repeat }
#citation {float:left ; width: 43px ; height : 130px ; margin-left : 30px ; background: url(../img/quote.png) no-repeat}
#extraitarticle {float:left ; width: 650px ; height : 130px ;  margin-left :10px ; text-align: justify ; vertical-align: middle }
.rubriques {font-size : 18px ; font-weight : bolder ; color : #947BBD ; margin-top: 30px ; margin-bottom: 30px }
.textevideo {font-size : 16px ; font-weight : lighter ; color : #b6adc9 }
.citation {font-size : 22px ; font-style : italic ; color : #5d5d5d ; font-family: Times }
.reference {font-size : 14px ; font-weight : lighter ; line-height: 22px ; color : #b6adc9 }

#listequestions {float:left ; width: 700px ; height : auto ; margin: 30px 0 0 150px ; padding:20px ; border : solid 1px #967cbd ; background-color: #eee5ff}
#questions {float:left ; width: 940px ; height : auto ;  margin : 30px 0 10px 30px }
#reponses {float:left ; width: 940px ; height : auto ; margin-left : 30px ; text-align: justify }
.listequestions {font-size : 14px ; color : #4e4085 ; line-height:20px }
.questions {font-size : 18px ; font-weight : bolder ; color : #947BBD ; margin-top: 30px ; margin-bottom: 30px }
.reponses {font-size : 14px }

#blocformulaires1 {float:left ; width: 420px ; height : auto ; margin : 30px 0 0 30px }
#blocformulaires2 {float:left ; width: 490px ; height : auto ; margin : 30px 0 0 30px }
#formulaire1 {float:left ; width: 190px ; height : 20px ; margin : 0 10px 15px 0 ; text-align: right }
#formulaire2 {float:left ; width: 220px ; height : 20px ; margin-bottom : 15px }

.formulaires {border: 1px solid #c3c3c3 ; width:200px; height:19px; padding:3px ; font-size:14px; color: #515151 ; }
.formulaires2 {border: 1px solid #c3c3c3 ; width:480px; height:210px; padding:3px ; font-size:14px; color: #515151 ; }
.infosformulaires  {font-size : 18px ; font-weight : bolder ; color : #947BBD ; line-height: 50px}
.texteformulaires  {font-size : 16px ; font-weight : lighter ; color : #b6adc9 ; line-height: 20px ; vertical-align:text-bottom}

#footer {float:left ; width: 1000px ; height: 20px ;}