/* CSS Document */
html{
margin:0;
padding:0;

}

body{
font-family:"Trebuchet MS";
font-size:12px;
color:#666666;
margin:0;
padding:0;
}

#centre .titre{
margin:0;
padding:0;
padding-left:20px;
margin-left:30px;
background-image:url(../images/petite_fleche.gif);
font-size:12px;
font-weight:bold;
text-decoration:underline;
background-repeat:no-repeat;
background-position:left 10%;
}

#centre .titre_ss{
margin:0;
padding:0;
padding-left:20px;
margin-left:30px;
background-image:url(../images/petite_fleche.gif);
font-size:12px;
font-weight:bold;
background-repeat:no-repeat;
background-position:left 10%;
}

#centre .titre_ss2{
margin:0;
padding:0;
padding-left:20px;
background-image:url(../images/petite_fleche.gif);
font-size:12px;
font-weight:bold;
background-repeat:no-repeat;
background-position:left 10%;
}


#centre .normale{
font-size:12px;
}
#contenant_site{
width:100%;
margin:auto;
margin-bottom:0;
}

#contenant_petit{
width:980px;
margin:auto;
margin-bottom:0;
}

#truc{
height:140px;
}

a{
color:#003399;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

a img{
border:0;
}

#entete{
width:100%;
background-position:0px 1px;
background-image:url(../images/bg_entete2.gif);
background-repeat:repeat-x;
text-align:center;
}

#corps{
overflow:auto;
margin-bottom:100px;
}

hr{
height: 1px;
margin:5px 0px 5px 0px;
padding: 0;
color: #CCC;
background-color: #CCC;
border:0;
}

#colonne_gauche{
float:left;
min-height:10px;
padding-left:5px;
padding-right:5px;
margin:0;
width:174px;
}

#colonne_gauche p{
padding-left:5px;
}

.lien2{
color:red;
}

#colonne_gauche ul{
margin:0;
list-style:none;
padding:0;
}

#colonne_gauche ul li{
border-bottom:1px dotted #999999;
}


#premierli{
padding:0;
border-top:1px dotted #999999;
margin:0;
}

#colonne_gauche li a{
width:164px;
padding-left:5px;
padding:5px;
color:#666666;
display:block;
}

#colonne_gauche li a:hover{
background-color:#c4f1b8;
text-decoration:none;
}

h3{
color:#FFFFFF;
padding:0px 2px 0px 10px;
margin-bottom:0;
font-size:12px;
background-image:url(../images/bg_titre.gif);
height:20px;
background-repeat:no-repeat;
}

.vert{background-image:url(../images/bg_titre_vert.gif);}
.haut{
background-image:url(../images/bg_titre2.gif);
}


h2{
font-size:16px;
margin:0;
color:#0066FF;
background-image:url(../images/fleche.gif);
background-repeat:no-repeat;
padding-left:30px;
background-position:0 50%;
}
h2 a{
color:#0066CC;
}

#colonne_droite{
float:right;
width:150px;
text-align:center;
}

#centre{
margin-left:185px;
margin-right:159px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
}

#pied{
width:900px;
text-align:center;
margin:auto;
margin-top:-80px;
height:50px;
}



#pied a{
font-weight:bold;
color:#666666;
margin-left:25px;
}

.reponse{
color:#000000;
width:220px;
height:25px;
display:block;
font-weight:bold;
margin:0;
background-image:url(../images/bg_reponse.png);
background-repeat:no-repeat;
}


.reponse2{
color:#FF0000;
width:220px;
height:25px;
display:block;
font-weight:bold;
margin:0;
background-image:url(../images/bg_reponse.png);
background-repeat:no-repeat;
}


.h2{background-image:url(../images/bg_rouge.gif); background-repeat:repeat-x; margin:0px 7px 0px 1px;
color:#FFFFFF;
text-align:center;
font-weight:bold; }
.gaucheh2{background:url(../images/gauche_rouge.gif) 0 0 no-repeat; }
.droiteh2{background:url(../images/droite_rouge.gif) 100% 0 no-repeat; }


.h2_bleu{background-image:url(../images/bg_bleu.gif); background-repeat:repeat-x; margin:0px 7px 0px 1px;
color:#FFFFFF;
text-align:center;
font-weight:bold; }
.gaucheh2_bleu{background:url(../images/gauche_bleu.gif) 0 0 no-repeat; }
.droiteh2_bleu{background:url(../images/droite_bleu.gif) 100% 0 no-repeat; }

.h2_vert{background-image:url(../images/bg_vert.gif); background-repeat:repeat-x; margin:0px 7px 0px 1px;
color:#FFFFFF;
text-align:center;
font-weight:bold; }
.gaucheh2_vert{background:url(../images/gauche_vert.gif) 0 0 no-repeat; }
.droiteh2_vert{background:url(../images/droite_vert.gif) 100% 0 no-repeat; }


#centre p{
margin:0;
text-align:justify;
padding-left:2px;
padding-right:2px;
font-size:14px;
}

.marginphoto{
margin:5px;
}
.inscription a{
color:white;
display:block;
background-image:url(../images/inscription.gif);
background-repeat:no-repeat;
height:30px;
width:110px;
padding-top:5px;
color:#FFFFFF;
font-weight:bold;
}
.inscription a:hover{
text-decoration:none;
background-position:100% 0%;
}

.plus_gros{
font-size:14px;
font-weight:bold;
color:#990000;
}


#alphabet a{
text-align:center;
margin:0;
font-size:16px;
}

#tab_recherche a{
color:#0099CC;
}

#centre .no_alignement{
text-align:inherit;
}												/* RECTANGLE A COINS ARRONDIS 										///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	*/
	.principal {margin:auto;background-image:url('../images/area_left.gif');background-repeat: repeat-y;}
    .principal2 {background-image:url('../images/area_right.gif');background-repeat: repeat-y;background-position: right;}
	.hautcoin {height:19px;background-image:url('../images/area_top.gif');}
	.haut img {vertical-align:top;  for ie5	}
	.coingh {width:22px;height:19px;background-image:url('../images/area_top_left.gif');float: left;}
	.coindh {width:28px;height:19px;background-image:url('../images/area_top_right.gif');float: right;}
	.contenu {padding: 0px 10px 0px 10px;}
	.bas {height:25px;background-image:url('../images/area_bottom.gif');}
	.coingb {width:22px;height:25px;background-image:url('../images/area_bottom_left.gif');float: left;}
	.coindb {width:28px;height:25px;background-image:url('../images/area_bottom_right.gif');float:right;}
	
	.big{background-image:url(../images/area_bg.gif);}
	.principal_gris {margin:auto;background-image:url('../images/area_left2.gif');background-repeat: repeat-y;}
    .principal2_gris {background-image:url('../images/area_right2.gif');background-repeat: repeat-y;background-position: right;}
	.hautcoin_gris {height:19px;background-image:url('../images/area_top2.gif');}
	.coingh_gris {width:22px;height:19px;background-image:url('../images/area_top_left2.gif');float: left;}
	.coindh_gris {width:28px;height:19px;background-image:url('../images/area_top_right2.gif');float: right;}
	.bas_gris {height:25px;background-image:url('../images/area_bottom2.gif');}
	.coingb_gris {width:22px;height:25px;background-image:url('../images/area_bottom_left2.gif');float: left;}
	.coindb_gris {width:28px;height:25px;background-image:url('../images/area_bottom_right2.gif');float:right;}
	
	
.bg_coin{background-image:url(../images/bg_coin.gif);}																				
.bl {background: url(../images/coinBG.gif) 0 100% no-repeat  }
.br {background: url(../images/coinBD.gif) 100% 100% no-repeat;}
.tl {background: url(../images/coinHG.gif) 0 0 no-repeat}
.tr {background: url(../images/coinHD.gif) 100% 0 no-repeat; padding:0px 0px 15px 0px}
.tr2 {background: url(../images/coinHD.gif) 100% 0 no-repeat; padding:7px 0px 7px 0px}
.clear {font-size: 1px; height: 1px}

	
											/* FIN RECTANGLE A COINS ARRONDIS 										///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////		
																			*/
																			
.petit_titre{
font-weight:bold;
text-align:center;
margin:0;
}
.tres_petit{
margin:0;
font-size:11px;
}

#centre .tres_petit{
margin:0;
padding-top:0px;
font-size:11px;
}


.tres_petit a{
color:#0099FF;
}

#connexion input{
font-size:10px;
}

#image{
width:540px;
height:260px;
margin:auto;
}

#centre .cadre{
width:179px;
float:left;
color:#666666;
background-image:url(../images/bg01.jpg);
background-repeat:no-repeat;
height:260px;
margin-right:0;
margin-left:0;
background-position:0px 135px;
}

#centre .cadre p{
font-size:11px;
margin:0px 25px 5px 15px;
}

#centre .cadre2{
width:179px;
float:left;
color:#666666;
background-image:url(../images/bg01.jpg);
background-repeat:no-repeat;
height:260px;
margin-right:0;
margin-left:0;
background-position:0px 135px;
}

#centre .cadre2 p{
font-size:10px;
text-align:left;
margin:0px 10px 5px 10px;
}

input{
border:1px solid #999999;
background-color:#FFFFFF;
font-size:12px;

}

select{
font-size:12px;
border:1px solid #999999;
background-color:#FFFFFF;
}

.bouton{background-color:#666666;
border:1px solid #CCCCCC;
background-image:none;
padding-left:5px;
padding-right:5px;
color:#FFFFFF;
}

#cellule_jaune{
color:#000099;
height:20px;
}

.attention{
background-color:#CCCCCC;
margin:0;
padding:0;
color:#FF0000;
font-size:10px;
font-weight:bold;
}

#centre .attention{
background-color:#CCCCCC;
margin:0;
padding:0;
color:#FF0000;
font-size:10px;
font-weight:bold;
}

#theTable{
    
        border-left:1px solid #C1DAD7;
        font-size:1em;
		width:99%;
        border-spacing: 0px;
        empty-cells:show;
        margin:0 auto 1em auto;
        text-align:left;
        padding:0;
        }

#theTable td{
  vertical-align:top;
  text-align:center;
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #C1DAD7;
  padding:1px 0px 1px 0px;
}

#theTable th{
        font-weight:bold;
        color: #4f6b72;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        border-top: 1px solid #dcdcdc;
        text-align: center;
        padding: 2px;
        height:22px !important;
        height:16px;
        vertical-align:middle;
        background:#f0f0f0 repeat-x url(../images/th.jpg);
        line-height:1;
        overflow:hidden;
        }
		
#theTable th.forwardSort
        {
        background:transparent url(../images/th-up-arrow.png) no-repeat 100% 0;
        }
#theTable th.reverseSort
        {
        background:transparent url(../images/th-down-arrow.png) no-repeat 100% 0;
        }		

#theTable th.forwardSort a,
#theTable th.reverseSort a
        {
        color:#fff;
        }

#theTable th a
        {
        padding:0;
        margin:0;
        text-decoration:none;
        color:#555;
        }
#theTable th a:focus
        {
      
        outline:none;
        }
#theTable td a:focus
        {
        text-decoration:underline;
        outline:none;
        }
#theTable th span
        {
        color:#4f6b72;
        }

#theTable tr.alternative
        {
        background: #f5fafa;
        }
#theTable td.alternative,
#theTable td.alternative a
        {
        background: #316ac5;
        color:#fff;
        }
#theTable th.sortable,
#theTable th.sortable-text,
#theTable th.sortable-date,
#theTable th.sortable-numeric,
#theTable th.sortable-currency
        {
        cursor:pointer;
        }
#theTable td a
        {
        color:#239;
        }
#theTable th.sort-active
        {
        color:#ff0000 !important;
        }
#theTable.halfSize
        {
        width:50%;
        }
#theTable tfoot tr
        {
        background:#efefef;
        }
		
		
		
/*      MODALBOX           */

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	height:100%;
}

#MB_header {
  margin:0;
  height: 28px;
}

#MB_content {
  padding:6px 12px;
  overflow:auto;
}

#MB_caption {
  font-size:85%;
  font-weight: bold;
  padding: 6px 0 0 5px;
  margin: 0;
  text-align: left;
}

#MB_close {
  display:block;
  position:absolute;
  right:0; top:0;
  padding:7px 5px;
  font-weight:bold;
  text-decoration:none;
  font-size:11px;
}
#MB_close:hover {
	background:transparent;
}

/* Color scheme */
#MB_window {
  border-color:#DEE0E5;
  background-color:#FFF;
  color:#000;
}

#MB_frame { border-color:#979CB6 }

#MB_header {
  background-color:#F9F9FF;
  border-color:#DDE;
}
#MB_caption { color:#000 }

#MB_close { color:#99B }
#MB_close:hover { color:#000 }

/* FIN MODAL BOX */



h1{
margin:0;
padding:0;
color:#0066FF;
font-size:18px;
}

.image_type{
margin:10px;
margin-left:0px;

}