#source {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 9pt;

  color: #FFFFFF;

  text-align: left;

}



.source {

  color: #FFFFFF;

}





#index {

background-image: url(../images/fond_index.jpg);

background-repeat: no-repeat;

background-color:#522D24;

}



#container1{

width : 550px;

height: 500px;

padding-top: 52px;

}



#baseline{

padding-top: 80px;

width : 300px;

height: 50px;

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 11pt;

  color: #FFFFFF;

}



#decouvrez {

background-image: url(../images/fond_exemples.jpg);

background-repeat: no-repeat;

background-color:#522D24;

}



#titre{

background-image: url(../images/titres/decouvrez.jpg);

background-repeat: no-repeat;

background-position: center;

width : 330px;

height: 100px;

}



#texte1{

width : 330px;

height: 240px;

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

padding-left: 10px;

text-align: center;

padding-top: 55px;

}



#texte2{

width : 480px;

height: 200px;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

  text-align: left;

padding-left: 30px;

}



#atouts {

background-image: url(../images/fond_etapes.jpg);

background-repeat: no-repeat;

background-color:#522D24;

margin-top: 0px;

}



#texte3{

width : 330px;

height: 200px;

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

padding-left: 10px;

text-align: center;

padding-top: 55px;

float: left;

}



#texte4{

width : 480px;

height: 200px;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

  text-align: left;

padding-left: 30px;

}





#container3{

width : 850px;

height: 440px;

padding-top: 5px;

margin-top: 26px;

}



#container3bisbis{

width : 850px;

height: 440px;

}



#container3bis{

width : 850px;

height: 440px;

padding-top: 31px;

}



#exemples{

background-image: url(../images/fond_neutre.jpg);

background-repeat: no-repeat;

background-color:#522D24;

}



#titre2{

text-align:center;

padding-top: 30px;

}



#container4{

float:left;

margin-left: 85px;

margin-top: 15px;

}



#container4bis{

float:left;

margin-left: 0px;

margin-top: 15px;

}



#container44{

float:left;

margin-left: 155px;

margin-top: 15px;

}



#container44bis{

float:left;

margin-left: 350px;

margin-top: 0px;

}



div.boutonex {

margin-top: 0px;

width: 160px;

height: 160px;

margin-left: 0px;

background-color: transparent;

}





div.boutonexbis {

margin-top: 0px;

width: 160px;

height: 160px;

margin-left: 0px;

background-color: transparent;

float: left;

}



a.ge {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonex a.ge:link {

background-image: url(../images/boutons/ge.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.ge:visited {

background-image: url(../images/boutons/ge.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.ge:hover {

background-image: url(../images/boutons/ge_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.ge:active {

background-image: url(../images/boutons/ge_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



a.rs {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonex a.rs:link {

background-image: url(../images/boutons/rs.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.rs:visited {

background-image: url(../images/boutons/rs.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.rs:hover {

background-image: url(../images/boutons/rs_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.rs:active {

background-image: url(../images/boutons/rs_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



a.pn {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonex a.pn:link {

background-image: url(../images/boutons/pn.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.pn:visited {

background-image: url(../images/boutons/pn.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.pn:hover {
background-image: url(../images/boutons/pn_hover.jpg);

width : 550px;

height: 500px;

padding-top: 52px;

}



#baseline{

padding-top: 80px;

width : 300px;

height: 50px;

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 11pt;

  color: #FFFFFF;

}



#decouvrez {

background-image: url(../images/fond_exemples.jpg);

background-repeat: no-repeat;

background-color:#522D24;

}



#titre{

background-image: url(../images/titres/decouvrez.jpg);

background-repeat: no-repeat;

background-position: center;

width : 330px;

height: 100px;

}



#texte1{

width : 330px;

height: 240px;

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

padding-left: 10px;

text-align: center;

padding-top: 55px;

}



#texte2{

width : 480px;

height: 200px;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

  text-align: left;

padding-left: 30px;

}



#atouts {

background-image: url(../images/fond_etapes.jpg);

background-repeat: no-repeat;

background-color:#522D24;

margin-top: 0px;

}



#texte3{

width : 330px;

height: 200px;

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

padding-left: 10px;

text-align: center;

padding-top: 55px;

float: left;

}



#texte4{

width : 480px;

height: 200px;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

  text-align: left;

padding-left: 30px;

}





#container3{

width : 850px;

height: 440px;

padding-top: 5px;

margin-top: 26px;

}



#container3bisbis{

width : 850px;

height: 440px;

}



#container3bis{

width : 850px;

height: 440px;

padding-top: 31px;

}



#exemples{

background-image: url(../images/fond_neutre.jpg);

background-repeat: no-repeat;

background-color:#522D24;

}



#titre2{

text-align:center;

padding-top: 30px;

}



#container4{

float:left;

margin-left: 85px;

margin-top: 15px;

}



#container4bis{

float:left;

margin-left: 0px;

margin-top: 15px;

}



#container44{

float:left;

margin-left: 95px;

margin-top: 15px;

}



#container44bis{

float:left;

margin-left: 290px;

margin-top: 0px;

}



div.boutonex {

margin-top: 0px;

width: 160px;

height: 160px;

margin-left: 0px;

background-color: transparent;

}





div.boutonexbis {

margin-top: 0px;

width: 160px;

height: 160px;

margin-left: 0px;

background-color: transparent;

float: left;

}



a.ge {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonex a.ge:link {

background-image: url(../images/boutons/ge.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.ge:visited {

background-image: url(../images/boutons/ge.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.ge:hover {

background-image: url(../images/boutons/ge_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.ge:active {

background-image: url(../images/boutons/ge_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



a.rs {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonex a.rs:link {

background-image: url(../images/boutons/rs.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.rs:visited {

background-image: url(../images/boutons/rs.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.rs:hover {

background-image: url(../images/boutons/rs_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.rs:active {

background-image: url(../images/boutons/rs_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



a.pn {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonex a.pn:link {

background-image: url(../images/boutons/pn_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.pn:active {

background-image: url(../images/boutons/pn_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



a.pt {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonex a.pt:link {

background-image: url(../images/boutons/pt.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.pt:visited {

background-image: url(../images/boutons/pt.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.pt:hover {

background-image: url(../images/boutons/pt_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.pt:active {

background-image: url(../images/boutons/pt_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



a.js {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonex a.js:link {

background-image: url(../images/boutons/js.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.js:visited {

background-image: url(../images/boutons/js.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.js:hover {

background-image: url(../images/boutons/js_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonex a.js:active {

background-image: url(../images/boutons/js_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



img.s {

width: 150px;

height :150px;

display : block;

border : none;

text-decoration: none;

}


a.pn1 {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonexbis a.pn1:link {

background-image: url(../images/boutons/pn1.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn1:visited {

background-image: url(../images/boutons/pn1.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn1:hover {

background-image: url(../images/boutons/pn1_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn1:active {

background-image: url(../images/boutons/pn1_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



a.pn2 {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonexbis a.pn2:link {

background-image: url(../images/boutons/pn2.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn2:visited {

background-image: url(../images/boutons/pn2.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn2:hover {

background-image: url(../images/boutons/pn2_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn2:active {

background-image: url(../images/boutons/pn2_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



a.pn3 {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonexbis a.pn3:link {

background-image: url(../images/boutons/pn3.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn3:visited {

background-image: url(../images/boutons/pn3.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn3:hover {

background-image: url(../images/boutons/pn3_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn3:active {

background-image: url(../images/boutons/pn3_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



a.pn4 {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonexbis a.pn4:link {

background-image: url(../images/boutons/pn4.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn4:visited {

background-image: url(../images/boutons/pn4.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn4:hover {

background-image: url(../images/boutons/pn4_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn4:active {

background-image: url(../images/boutons/pn4_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



#titre3{

text-align:center;

margin-top: 0px;

}



#images{

float:left;

margin-left: 20px;

margin-top: 40px;

margin-right: 20px;

}



#texte{

margin-left: 40px;

margin-top: 60px;

text-align: left;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 11pt;

  color: #522D24;

}



#sample {

  border: solid

  1px

  #522D24;

}



#inexemples {

background-image: url(../images/fond_neutre2.jpg);

background-repeat: no-repeat;

background-color:#522D24;

}



#diag {

background-image: url(../images/fond_neutre.jpg);

background-repeat: no-repeat;

background-color:#522D24;

}



#titre4{

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 11pt;

  color: #FFFFFF;

padding-top: 60px;

}



#texte5{

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

}



#texte5bis {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

  text-align: left;

  float: left;

  width: 550px;

  padding-right: 15px;

  padding-left: 10px;

}



#images2 {

border: solid

1px

#522D24;

}



#container6{

width : 850px;

height: 300px;

}



#container6bis{

margin-top: 0px;

width : 900px;

height: 200px;

}



#images3 {

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

}



.images3 {

border: solid

1px

#522D24;

}





div.bouton {

width:170px ;

height:170px ;

border: solid

1px

#522D24;

float: left;

margin-left: 15px;

}



a.exemple {

width:170px  ;

height:170px ;

display: block;

}



div.bouton a.exemple:link {

background-image: url(../images/petites/exemple2.jpg);

background-repeat: no-repeat;

}



div.bouton a.exemple:visited {

background-image: url(../images/petites/exemple2.jpg);

background-repeat: no-repeat;

}



div.bouton a.exemple:active {

background-image: url(../images/petites/exemple2.jpg);

background-repeat: no-repeat;

}



div.bouton a.exemple:hover {

background-image: url(../images/petites/exemple_hover.jpg);

background-repeat: no-repeat;

}



#texte5b {

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

  text-align: left;

  float: left;

  width: 500px;

  padding-right: 30px;

  padding-left: 20px;

}



#texte5a {

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

  text-align: left;

  float: left;

  width: 550px;

  padding-right: 30px;

  padding-left: 30px;

}



#texte5aa {

text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

  text-align: left;

  float: left;

  width: 550px;

  padding-right: 30px;

  padding-left: 70px;

}



#proj {

background-image: url(../images/fond_pict.jpg);

background-repeat: no-repeat;

background-color:#522D24;

}



#pn4 {

background-image: url(../images/fond_pn4.jpg);

background-repeat: no-repeat;

background-color:#522D24;

}



#texte5c {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10pt;

  color: #522D24;

  text-align: left;

  float: left;

  width: 820px;

  padding-right: px;

  padding-left: 30px;

}



.images4 {

border: solid

1px

#522D24;

margin-left: 20px;

}



#images4 {

  width : 900px;

  padding-left: 40px;

  padding-top: 95px;

}



#container3retour{



width : 850px;



height: 10px;



padding-top: 10px;

padding-left: 30px;



text-decoration: none;



float: none;





}



#retour {



text-decoration: none;



font-size : 13pt;



font-family:Tahoma, Arial, sans-serif ;



color: white;



}




div.boutonexbis a.pn4:visited {

background-image: url(../images/boutons/pn4.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn4:hover {

background-image: url(../images/boutons/pn4_hover.jpg);

background-repeat: no-repeat;
}

a.pn5 {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonexbis a.pn5:link {

background-image: url(../images/boutons/pn5.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn5:visited {

background-image: url(../images/boutons/pn5.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn5:hover {

background-image: url(../images/boutons/pn5_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}

div.boutonexbis a.pn5:link {

background-image: url(../images/boutons/pn5.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn5:visited {

background-image: url(../images/boutons/pn5.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn5:hover {

background-image: url(../images/boutons/pn5_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}

a.pn6 {

width: 150px;

height :150px;

display : block;

border : none;

}



div.boutonexbis a.pn6:link {

background-image: url(../images/boutons/pn6.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn6:visited {

background-image: url(../images/boutons/pn6.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn6:hover {

background-image: url(../images/boutons/pn6_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}

div.boutonexbis a.pn6:link {

background-image: url(../images/boutons/pn6.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn6:visited {

background-image: url(../images/boutons/pn6.jpg);

background-repeat: no-repeat;

text-decoration: none;

}



div.boutonexbis a.pn6:hover {

background-image: url(../images/boutons/pn6_hover.jpg);

background-repeat: no-repeat;

text-decoration: none;

}