/* CSS Document  */

 body  {background-color : #eeeeee;margin-left: auto;margin-right: auto;text-align:center;}


.lien {color: #ff9922 ; text-decoration: none;}
.lien:visited {color: #ff9922;text-decoration: none;}
.lien:hover {color: #eee;text-decoration: underline ;cursor : pointer;  }
.lien:active {color: #eee;text-decoration: underline ;  }

.lien7 {color: #618DAB ; text-decoration: none;}
.lien7:visited {color: #B7CBD9;text-decoration: none;}
.lien7:hover {color: #ff9922;text-decoration: underline ;cursor : pointer;  }
.lien7:active {color: #ff9922;text-decoration: underline ;  }

.coldroite .lien:visited {color: #ff9922;text-decoration: none;}
.coldroite .lien:hover {color: #eee;text-decoration: underline ; cursor : pointer; }
.coldroite .lien:active {color: #eee;text-decoration: underline ;  }

.lien3 {color: #ff9922 ; text-decoration: none;}
.lien3:hover {color: #eee;text-decoration: underline ; cursor: pointer; cursor: hand;}

.lien5 {color: #ff9922 ; text-decoration: none;}
.lien5:visited {color: #ff9922;text-decoration: none;}
.lien5:hover {color: #eee;text-decoration: none ; cursor : pointer; }
.lien5:active {color: #eee;text-decoration: none ;  }

.lien6 {color: #eee ; text-decoration: none;}
.lien6:visited {color: #eee ;text-decoration: none;}
.lien6:hover {color: #B7CBD9;text-decoration: none ; cursor : pointer; }
.lien6:active {color: #B7CBD9;text-decoration: none ;  }

.lien2 {color: #0066aa ; text-decoration: underline ;}
.lien2:visited {color: #99ddff;}
.lien2:hover {color: #55ccff;cursor : pointer; }
.lien2:active {color: #55ccff;}

.lien4 {color: #fff ; text-decoration: none ;}
.lien4:visited {color: #fff;}
.lien4:hover {color: #eee;cursor : pointer; }
.lien4:active {color: #fff;}

.nodeco {text-decoration: none ;}

.lienT {color: white ; text-decoration: none;font-size : 30px;}
.lienT:visited {color: white ; text-decoration: none;font-size : 30px;}
.lienT:hover {color: white ; text-decoration: none;cursor : pointer;font-size : 30px;  }
.lienT:active {color: white ; text-decoration: none;font-size : 30px;}

.lienT2 {color: white ; text-decoration: none;font-size : 25px;}
.lienT2:visited {color: white ; text-decoration: none;font-size : 25px;}
.lienT2:hover {color: white ; text-decoration: none;cursor : pointer;font-size : 25px;  }
.lienT2:active {color: white ; text-decoration: none;font-size : 25px;}

.content a {color: #ff9922 ; text-decoration: underline;}
.content a:visited {color: #ff9922;}
.content a:hover {color: #eee;}
.content a:active {color: #eee;}
br {font-size :4pt;}
.content img {max-width:300px;margin : 0 5px;}

.next img {border :0px;}
.previous img {border :0px;}
img.droite {float : right;margin-right : 0;}
img.orange{border-color:#930}

td {color :black;font-size : 8pt;font-family : Arial, sans-serif;}
.texte {margin : 0px;color :#ff9922;font-size : 8pt;text-align:left; font-family : Arial, sans-serif;}
.box3 .texte {margin : 0px;color :#618DAB;font-size : 8pt;text-align:left; font-family : Arial, sans-serif;}
.texteb {margin : 5px;}
.blocb {margin : 0px;color :#ff9922;font-size : 10pt;text-align:left; font-family : Arial, sans-serif;background-color :#618DAB}
#memberspace {margin : 0 4px;color :black;font-size : 8pt;text-align:left; font-family : Arial, sans-serif;}
.alert {color :red;font-size : 10pt;text-align :center;}
.container {width:1000px;padding: 0; margin-left: auto;margin-right: auto;padding: 0;text-align: center;background-color : #eeeeee;} 
.container2 {width:990px;padding: 0;background-color : #618DAB;auto;margin-right: auto;padding: 0;text-align: center;} 
#header {width:990px;background-image:url('http://www.wholoblog.com/Images/back.jpg');background-repeat: no-repeat;margin-left: auto;margin-right: auto;padding: 0;text-align: center;}
#main {width:990px;margin-left: auto;margin-right: auto;padding: 0;text-align: center;}
.titre{font-size : 25px;color : #ff9922;}
.titre{font-size : 20px;}
.titre2{font-size : 16px;}
.coldroite {width : 240px ;  float : right; text-align: left;overflow:hidden;}
.colgauche {width : 190px ;  float : left; text-align: center;overflow:hidden;margin-right:10px;}
.colframe {width : 208px ;  float : left; text-align: left;overflow:hidden;background:#B7CBD9;}
.colaccueil {width : 327px ;  float : left; text-align: left;overflow:hidden;margin-right: 3px ;background-color :#618DAB}
.colcorps {width : 520px ;  float : left; text-align: left;overflow:hidden;background-color :#618DAB}
.corps {width : 540px ; float:left;margin-right: 10px ;}
.corpsframe {width : 782px ; float:left;}
.clear {width:100%;clear: both;display: block;height: 0px;overflow: hidden;margin: 0;padding: 0;font-size: 0px;background-color : #eeeeee;}
.clear2 {width:100%;clear: both;display: block;height: 0px;overflow: hidden;margin: 0;padding: 0;font-size: 0px;background-color : #618DAB;}
.col1 {width : 500px;text-align : right;}
.col2 {width : 400px;text-align : left;padding-left: 20px;}
.droite {text-align : right;float : right;}
.gauche {text-align : left;float : left;}
.centre {margin-left: auto;margin-right: auto;text-align: center;} 
.content {width:95%;overflow: auto; padding: 0; margin : 0;background-color : #ddeeff;padding : 5px;display:none;} 
.next {margin-right : 20px;float : right;}
.previous {margin-left : 10px;float : left;}
#frame1{margin: 0 ;width :757px; height :450px;border: 1px solid #999;}
.grisclair{padding-left:2px; background-color: #eeeeee;}
.grisfonce{padding-left:2px; background-color: #dddddd;}
.ligneselec{padding-left:2px; background-color: #618DAB;}
#banniere{width:100%; height:120px;background-image:url('http://www.wholoblog.com/Images/back.jpg');}
#headerframe {width:990px;margin-left: auto;margin-right: auto;padding: 0;text-align: center;background:#B7CBD9;}

.colonne {width : 360px ;  float : left; text-align: left;overflow:hidden;}

.lienselec {color: #dddddd ; text-decoration: none;}


.box  { padding: 10px ;background-color :#618DAB}
.boxframecol1 {padding-left: 10px ; overflow:hidden;background:#B7CBD9; }
.boxframe1 {padding: 0 ; overflow:hidden;background:#B7CBD9; }
.boxframecol {padding-left: 10px ; height : 510px;overflow:hidden;background:#B7CBD9; }
.boxframe {padding: 0 10px ; height : 510px;overflow:hidden;background:#B7CBD9; }
.boxframe2 {height : 450px;overflow:hidden;overflow-x: hidden;overflow-y: auto;overflow : -moz-scrollbars-vertical;border: 1px solid #999;  }
.box2  {background:#FFF;height:170px;}
.box3  {background:#FFF;margin-left: auto;margin-right: auto;text-align: center;}
.espace  {height:10px;}
.deroul_page {color:white;}

.deroul_page a {color:white;text-decoration: underline;}
.deroul_page a:hover  {color: #ddd;}

.bulleframe{ position: absolute;width: 200px;visibility : hidden;border: 1px solid Black;padding: 10px;font-family: Arial, sans-serif; font-size: 8pt;background-color: #ddeeff;text-align:left;}
.bullenoframe{ position: absolute;visibility : hidden;border: 1px solid Black;padding: 10px;font-family: Arial, sans-serif; font-size: 8pt;background-color: #618DAB;text-align:left;}
#Bloc {position:absolute;width:300px;z-index:10;left: 200px;top: 600px;background-color :#ddd;padding:10px;margin-left: auto ;margin-right: auto ;text-align:center;overflow:hidden;}