.arrayDescriptionclassic {
    margin:0px 10px;	
	padding:5px;
	width: 70%;
	margin-left: auto; /* pour centrer la box */
    margin-right: auto; /* idem */
	text-align: center;
	background-color:#F7F7F7;
	border:2px solid #cccccc;
	-moz-border-radius: 4px;
	}
	
	.arrayDescriptionblog {
    margin:0px 10px;	
	padding:5px;
	width: 85%;
	margin-left: auto; /* pour centrer la box */
    margin-right: auto; /* idem */
	text-align:center;
	background-color:#F7F7F7;
	border:2px solid #cccccc;
	-moz-border-radius: 4px;
	}	

.arrayDescription {
    margin:0px 10px;
	padding:5px;
	background-color:#F7F7F7;
	border:1px dotted #ffcc00;
	background-image: url(/graphiques_kikoo/fond_liste_carnet.gif);
	-moz-border-radius: 4px;

}
/* Line of the array */
.baseLine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	height: 20px;
}  

/* style1 texte de base du site */
.c_base {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
}  

/* style2 texte de base du site en gras */
.c_basebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
/* style7 texte site petits caracteres font 9pt  */
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.smallboldwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
        color: #ffffff;
}

.smallbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
        color: #000000;
}


.c_array {
    margin:0px 10px;
	padding:5px;
	border:1px solid #cccccc;
	-moz-border-radius: 2px;
	margin-left: auto; /* pour centrer la box */
    margin-right: auto; /* idem */
	text-align: center;
	width: 80%;
}

.c_cellcomment {
	margin : 0 0 15px 0;
	padding : 0 5px 3px 5px;
	width: 350px;
	border : 1px solid #999;
	text-align : justify;
	-moz-border-radius: 4px;
}

.c_cellride {
     margin:0px 10px;
	padding:5px;
	background-color:#F7F7F7;
	border:1px dotted #ffcc00;
	width: 75%;
	align: center;
}

.c_cellphoto {
     margin:0px 10px;
	padding:5px;
	background-color:#F7F7F7;
	border:1px solid #cccccc;
	width: 33%;
	align: center;
}

.arrayCellPhotoVert {
	margin : 0 0 9px 15px;
	padding : 0 5px 6px 5px;
	width: 155px;
	border : 1px solid #999;
	float: left;
	-moz-border-radius: 4px;
	background-color:#cccccc;
	
}

.arrayCellPhotoHor {
	margin : 0 0 15px 0;
	padding : 0 5px 6px 5px;
	width: 155px;
	height: 140px;
	border : 1px solid #999;
	-moz-border-radius: 4px;
	background-color:#cccccc;
}

.arrayCell-photopopup {
	text-align: center;
	width: 100%;
	font-size : 1em;
	background-color:#f7f7f7;
	border : 1px solid #999;
    
	
	
}
.legende-photopopup {
    margin : 20 0 ;
	text-align: center;
	width: 30%;
	background-color:#ffffff;
}

.position_arrowG {
    float:left;
	margin : 0 0 1em -5px;
	padding : 2px 10px;	
}	
.position_arrowD {
    float:right;
	margin : 0 0 1em -5px;
	padding : 2px 10px;	
}	
.arrayCell {
	margin : 0 0 15px 0;
	padding : 0 5px 3px 5px;
	width: 90%;
	border : 1px solid #999;
	text-align : justify;
	-moz-border-radius: 4px;
}

.arrayCell-title {
	float : left;
	margin : 0 0 1em -5px;
	padding : 2px 10px;
	border-bottom : 1px solid #999;
	border-right : 1px solid #999;
	text-align: center;
	width: 30%;
	font-weight: bold;
	color: #CC0000;
	-moz-border-radius: 4px;
	font-size : 1em;
}
.arrayCell-info {
	margin : 2px 0 0 0;
	text-align : right;
}

.arrayCell-content, .arrayCell-chapo {
	clear : left;
}

fieldset {
	border: 0px;
}


.c_celllien {
	margin : 2em 6em 2em 2em;
	border-left : 1px solid #000;
	padding : 0.5em 1em 0.5em 32px;
	color : #805500;
	text-align: left;
}

.field label {
	display : block;
/*	float : left;
	width : 10.5em;
Pose de problemes avec trop de texte
*/
	clear : left;
}

.label:hover, input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

legend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:90%;
  text-align:right;
  }

h1.newstitle {
    text-align: left;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
   	color:#cccccc;
}

div.titlediv {
    border-top: solid #cac2a8 0px;
    margin-top: 20px;
		padding-top: 5px;
    background-color: #f7f7f7;
    padding-left: 10px;
    font-size: 11px;
		color:#666;
		-moz-border-radius: 10px 10px 0 0;
}
div.bodydiv {
	border-top: solid #ccc 0px;
	border-bottom: solid #ccc 1px;
	border-left: solid #ccc 1px;
	border-right: solid #ccc 1px;
	padding-left: 10px;
    padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
    margin-top: 0;
    text-align: justify;
	background-color:#f5f5f5;
	-moz-border-radius: 0 0 10px 10px;
	background-image: url(/gfx/blog/fondmessage.gif);
}

div.centraldiv {
    margin-left: 10px;
    margin-right: 10px;
	margin-top: 10px;
}
div.centraldiv h1 {
	font-weight: bold;
	font-size: 20px;
	margin: 0px;
}

thead {
	background-color:#FFCC00;
	border:1px solid #6495ed;
}

th {
	padding:0px;
	background-color:#FFCC00;
}
/*** CSS PAGE LISTE CARNETS ***/
#boxlistcarnet {
border : 1px solid #999;
margin-left: auto; /* pour centrer la box */
margin-right: auto; /* idem */
background-color:#f7f7f7;
width:90%;
height:500px;
clear:inherit;
}
#datelistmessage {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
position: relative; 
height:30px;
width:15%;
background-color:#FFCC00;
float:left;
}
#listmessages {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
position: relative; 
height:30px;
width:50%;
background-color:#FFCC00;
float:left;
}
#pays {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
position:relative;
background-color:#FFCC00;
height:30px;
width:20%;
float:left;
}
#nombrephotos {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
position:relative;
height:30px;
width:5%;
background-color:#FFCC00;
float:left;
}
#nombrecomments {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
position:relative;
height:30px;
width:10%;
background-color:#FFCC00;
float:left;
}
#datelistmessage2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
background-color:#f7f7f7;	
position: relative;
height:30px;
width:15%;
float:left;
}
#listmessages2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
background-color:#f7f7f7;		
position: relative;
text-align:left; 
height:30px;
width:50%;
float:left;
}
#pays2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
position:relative;
background-color:#f7f7f7;	
height:30px;
width:20%;
float:left;
}
#nombrephotos2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
position:relative;
background-color:#f7f7f7;	
height:30px;
width:5%;
float:left;
}
#nombrecomments2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
position:relative;
background-color:#f7f7f7;	
height:30px;
width:10%;
float:left;
}
