/* CSS Document */
/* mise en page colone et bloc l3 à 260*/
/*class membres-public l262 à 341*/ 
/* mise en page écriture l343 à 364*/
/*li l484*/
.haut {
text-align:right;
}
 div.popup{
   height: 100px;
   width: 130px;
   }

div.popup > img {
   height: 100%;
   width: 100%;
   cursor: pointer;
   }

div.popup > img:active {
   height: auto;
   width: auto;
   position: relative;
   border: black solid 1px;
   }
.flottel{
	float:left;
}   
.flotter{
	float:right;
}
p {
  margin: 0; padding:5px;
}               
body {
	background: #eeeee; /*gris*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#313131;     /*noir*/
  background-image: url(/design/fond_de_page.png); 
	/*background-image: url(/2013/desing/fond_de_page.png); */
  /*background-image: url(/noel/mere_noel.jpg); */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:-200px 0px;
  display:box;
  box-orient:horizontal;
  width:1280px;
}

#conteneur { 
	padding: 0px;
	width: 1280px;
  height:100%; 
  background:#FFFFCC;/*beige clair*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
   border:4px solid #d1d1d1;    /*gris */
    border-radius : 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    overflow:hidden;
}

#page {
  position : relative;
  background: #ffffff; /*blanc*/
	padding: 0px;
	width: 1280px;
  min-height:200px;   
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#bando {
	position:relative;
	margin: auto;
	padding: 0px;
	width: 1280px;
  height:230px;
 /* margin-right:auto;
  margin-left:auto;*/
	background-image:url(../commun/design/bandeau.jpg);	
  background-color:#eeeeee;       /*gris*/
	background-repeat: no-repeat;
	border:10px solid #000000;
}

#space-bando{
  margin: 0px;
	padding: 5px;
	height: 40px;
	width: 980px;
	line-height:30px;
	background-image: url(/design/images/bg-space-menu-haut.png);
	background-repeat: no-repeat;
  }

#menu-haut { position:absolute;
  margin : 0px;
  padding : 0px;
  width : 1280px; height:40px;   
  }

.menug-haut{
	background-image: url(/2010/design/images/haut-menu-g.png); /*non trouvé*/
	background-repeat: no-repeat;
}
  
#menu-membress{
  margin : 0px;
  padding : 0px;
  width : 1280px;
  height : 30 px;
  font-size:10 px;
}

#menu-g {
	margin: 0px;
	width: 220px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}

.menug-fond {
	background-image: url(/2010/design/images/fond-menu-g.png);  /*non trouvé*/
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.menug-bas{
	background-image: url(/2010/design/images/bas-menu-g.png);    /*non trouvé*/
	background-repeat: no-repeat; height:67px;
}

#clear{
clear: both;
}
 #bloca{   /*bando */
    position:relative;
    width:1280px;
	height:220px;
	background-image:url(commun/design/bandeau.jpg);
    background: #FF6600;/*orange*/
    border:2px solid #eeeeee;
    border-radius : 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    /*margin-left:auto;
    margin-right:auto;*/
}

 
#blocb{    /*Honda */
  position:relative;
  width : 1280px;
  background: #eeeeee;  /*gris*/
  border: 1px solid #000000;
  border-radius: 10px;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-left:auto;
    margin-right:auto;
  /*height :100px;
  padding:20px;*/	
}
  
 #blocc{    /*facebook*/
  width : 270px;
  height :80px;
  padding:10px;
  background: #eeeeee; /*gris*/
  border: 1px solid #000000;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
  
 #blocd{    /*recensement*/
 font-size:14px;
  width : 270px;
  /*height :120px;*/
  padding:10px;
  background: #eeeeee;  /*gris*/
  border: 1px solid #000000;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  box-shadow: inset 0px 0px 10px 4px rgba(119, 119, 119, 0.75);   /*ombre entrante*/
-moz-box-shadow: inset 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: inset 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}

#bloce{   /*bas */
    position:relative;
    width:1280px;
    background: #eeeeee;/*gris*/
    border:2px solid #000000;
    border-radius : 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    margin-left:auto;
    margin-right:auto;
}


#anniv{
    width:1260px;
    height:30px;
    padding:10px;
    background:#d1d1d1; /*gris*/
    border:1px solid #d1d1d1;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    vertical-align : middle;
	display : table-cell;
}

#space-anniv {
	margin: 0px;
	padding:5px;
	height: 40px;
	width: 980px;
	line-height:30px;
	background-image: url(/design/images/bg-space-menu-bas.png);
	background-repeat: no-repeat;
}

#conn{  /*connexion membre*/
    	width:1260px;
   	 height:40px;
    	margin-right :auto;
    	margin-left:auto;
    	padding:10px;
    	background:#d1d1d1; /*gris*/
   	 border:1px solid:#d1d1d1;
   	 border-radius:10px;
    	-moz-border-radius:10px;
    	-webkit-border-radius:10px;
	text-align:left;
	vertical-align : middle;
	display : table-cell;
}

 #photo {
    width:1280px;
    background:# ffffff; /*blanc*/
    margin-top:10px;
    margin-bottom :10px;
 }

#col300{
  background:#6699ff;  /*bleu*/ 
  font-size:12px;
	width:290px;
	float:left;
	padding:0px;
	margin-left:10px;
	overflow :visible;
}
#col302{
  /*background:#6699ff;*/  /*bleu*/ 
  font-size:12px;
	width:290px;
	float:left;
	padding:0px;
	margin-left:10px;
	overflow :visible; 
}
#col301, #col303{
	background:#ffff99;   /*jaune*/
	font-size:12px;
	width:290px;
	float:right;
	padding:0px;
	margin-right:10px;
	overflow : visible;
  }
#col620{
  /*background:#ff0000;*/ /*rouge*/
  display :block; 
	width:640px;
	padding-left:10px;
	padding-right:10px;
	margin-left:310px;
  margin-right:310px;
}
#col621{
  background:#33cc33;/*vert*/
  display :block; 
	width:620px;
	padding-left:15px;
	padding-right:5px;
	margin-left:300px;
  margin-right:300px;
  }

#col900{
  display : block;
  width : 900px;
  /*float:right; */
  margin-left : 320px;
  margin-right:10px;
  padding:10px;
  /*height : 100%;*/
  overflow:visible;
}
#col901{
  display : block;
  width : 900px;
  margin-left : auto;
  margin-right:auto;
  padding:auto;
  /*height : 100%;*/
  overflow:visible;
}
#col961{    /*technique*/
  background-color:#d1d1d1;	
  width:930px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
}

#divfull980{
	width:100%;
	height:10px;
	clear:both; border-bottom:solid 1px #CCC;
 }
 
#divfull{
	width:100%;
 }
 /****************************************************************************/
 /*membres - public*/
.membres {
	background-color:#fea00b;
	background-image: url(/design/bg-cel-membres.png);
	background-repeat: repeat-x;
	background-color:#fea00b;
}
.membres h3 {
		text-transform: uppercase;
	font-size: 12px; font-weight:bold;
	color:#fff; text-align:left;
}

.membres620 h3 {
  width:620px;
	font-size: 10px;
	text-transform: uppercase;
	background-image:url(/commun/design/haut_t620_jaune.png);
	font-weight: bold;
	color: #313131;
	text-align: left;
	line-height: 28px;
	text-indent: 10px;
	padding-bottom:5px;
}

 .membres960 h3 {
	font-size: 10px;
	text-transform: uppercase;
	background-image:url(/commun/design/haut_t960_jaune.png);
	font-weight: bold;
	color: #313131;
	text-align: center;
	line-height: 28px;
	text-indent: 10px;
	padding-bottom:5px;
	border-radius : 8px,8px,0px,0px;
}
  
.public {
	font-size: 12px;
	}

.public h3 {   /*mise en forme class public*/ 
	font-size: 10px;
	text-transform: uppercase;
	background-image:url(/commun/design/haut_t.png);
	font-weight: bold;
	color: #fdb107;     //orange
	text-align: left;
	line-height: 28px;
	text-indent: 10px;
	padding-bottom:5px;
	background-repeat: no-repeat;	/*background-repeat: repeat-y;
	border-bottom-style: groove;
	border-bottom-color: #CCC;*/
}

.public620 h3 {   /*mise en forme class public */
	font-size: 10px;
	text-transform: uppercase;
	background-image:url(design/haut_t620.png);
	font-weight: bold;
	color: #fdb107;    //orange
	text-align: left;
	line-height: 28px;
	text-indent: 10px;
	padding-bottom:5px;
	background-repeat: no-repeat;	
}

.public960 h3 {
	font-size: 10px;
	text-transform: uppercase;
	background-image:url(/commun/design/haut_t960_vert.png);
	font-weight: bold;
	color: #313131;
	text-align: center;
	line-height: 28px;
	text-indent: 10px;
	padding-bottom:5px;
}
 /***************************************************************************/
/* mise en page ecriture*/
.center{text-align : center;}
.nom {text-transform: uppercase; font-weight:bold;}
.prenom {text-transform:capitalize;}

.red {color:#900;}
.titre{font-weight:bold; color:#03C; text-align:left;}
.date {font-size:smaller}
.quote {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-left: 20px;
	font-style: italic;
}
.tableau { padding: 10px;
border-bottom:1px  dotted #fdb107;}
.tableaubalades td{
	padding: 2px;
border-right:1px  solid #ccc;
}

/*technique*/
#technique{width:100%;}
.technique h3 {
	font-size: 10px;
	text-transform: uppercase;
	background-image:url(/design/haut_t_jaune.png);
	font-weight: bold;
	color: #313131;
	text-align: left; margin-left:20px;
	line-height: 28px;
	text-indent: 10px;
	padding-bottom:2px;
	background-repeat: repeat-y;
	border-bottom:1px  dotted #ccc;
	}
.tableau-tech { 
margin:10px; 
padding: 10px;
border:1px  solid #ccc; table-layout:auto}
#technique td {border-bottom:1px  solid #ccc; vertical-align:top;}
.titre-tech{
	padding-top: 10px;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
    border-bottom:1px  solid #ccc;}
	
	#adright {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: 500px;
}
 
 /*balades*/
#balades{
	width:90%;
	padding: 10px;
	border-bottom:1px  solid #ccc;
	}
/*annonces*/
#annonces{
  display : block;
	width:100%;
  margin-left:10px;
   text-align:left;
	/*padding: 10px;
	border-bottom:1px  solid #ccc; text-align:left;*/
	}
/*formulaire*/
label {
display:block;
width:360px;
float:left;
}
#carnet_bord{
	width:100%;
 }
#carnet_bord fieldset { 
	padding: 10px;
	text-align: left;
   }
fieldset{ padding:5px; background-color:#ffffff; border-radius: 5px;}

#agenda
{
	width:620px;
	height:285px;
overflow-y: scroll;
}

/*tags*/
#tags{
	width:610px;color : #313131; display:block;

 }
.tag0 { font-size: 75%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 140%; }
.tag70 { font-size: 150%; }
.tag80 { font-size: 160%; }
.tag90 { font-size: 170%; }
.tag100 { font-size: 180%; }

ul.tags {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	font-size: 1.3em;
	text-align: justify;color : #3f3f3f;

}
ul.tags li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.8em;color : #3f3f3f;

}


#tags ul li, #tags ul li a {
	display : inline;
	width : auto;
	padding-left : 0;
	padding-right : 4px;
	text-decoration :none;
	line-height : 1.5em;color : #3f3f3f;

}
#tags ul li a:hover {
	text-decoration :none; 
	color : #000;

}
/* fin tags*/

li{
  line-height: 20px;
  list-style-position : inside
  }
a:link,a:visited,a:active
{
color : #006;
text-decoration : underline; 
} 
a:hover { 
color : #33cc33;
text-decoration : underline; 
}
#flahfond {position: fixed; top:0; left: 0; z-index: -2; border: none;}
/***************************************************************************/
/*style page*/
 #page620 {
	width: 620px;
	margin:0 auto;
}
#page620-haut{
	background-image: url(/design/images/hautpage620.png);
	height:10px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 620px;
}

.page620-haut{
	background-image: url(/design/images/hautpage620.png);
	height:10px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 620px;
}

#page620-fond {
  display : block;
	background-image: url(/design/images/fondpage620.png);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	overflow:hidden;
}

.page620-fond {
  display : block;
	background-image: url(/design/images/fondpage620.png);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	overflow:hidden;
}

#page620-bas{
  display :block;
	background-image: url(/design/images/baspage620.png);
	background-repeat: no-repeat;
	height:20px;
  margin: 0px;
	padding: 0px;
	clear: both;
}

.page620-bas{
  display :block;
	background-image: url(/design/images/baspage620.png);
	background-repeat: no-repeat;
	height:20px;
  margin: 0px;
	padding: 0px;
	clear: both;
}

#pagefull {
	width: 1280px;
	margin:0 auto;
}

.pagefull {
	width: 1280px;
	margin:0 auto;
}

#pagefull-haut{
	background-image: url(/design/images/hautpage1280.png);
	height:10px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 1280px;
}

.pagefull-haut{
	background-image: url(/design/images/hautpage1280.png);
	height:10px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 1280px;
}

#pagefull-fond {
	background-image: url(/design/images/fondpage1280.png);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	overflow:hidden;
}
.pagefull-fond {
	background-image: url(/design/images/fondpage1280.png);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	overflow:hidden;
}

 #pagefull-bas{
	background-image: url(/design/images/baspage1280.png);
	background-repeat: no-repeat;
	height:20px;
    margin: 0px;
	padding: 0px;
	clear: both;
}
.pagefull-bas{
	background-image: url(/design/images/baspage1280.png);
	background-repeat: no-repeat;
	height:20px;
    margin: 0px;
	padding: 0px;
	clear: both;
}
#partenaires {
	margin: 0px;
  padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;	width: 980px;
	clear: both;
}
#pied-page {
	margin: 0px;
	padding: 0px;
	width: 1280px;
	border:1px solid #000000;
	border-radius:10px;
    	-moz-border-radius:10px;
    	-webkit-border-radius:10px;
	clear: both;
}

#menuimage{width:300px; height:150px}
#menuimage.haut{
	width:300px;
	height:107px; margin-top:20px;
	background-image: url(/design/images/menu-image_haut.png);
	background-repeat: no-repeat;
}
#menuimage.bas{
	width:300px;
	height:43px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fdb107;
	text-align: Left;
    line-height: 30px;
	background-image: url(/design/images/menu-image_bas.png);
	background-repeat: no-repeat; text-indent:65px;
}
#menuimage.bas a{
	font-weight: bold;
	color: #fdb107;
}

/* liens magiques*/
a.info {
   position: relative;
   color: #ff6500;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 100; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */

}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 20px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: #ff6500;
   padding: 3px;
   border: 1px solid #ff6500;
}

#gal {
	height:100%;
	overflow:auto;
} 

/*calendrier*/
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */
#space960 {width: 940px;
	padding:10px;
}

#exemple2 table{
	border: thin dotted #000000;
	width: 600px;
	/*border-collapse: collapse;*/
}
#exemple2 td, #exemple2 th{
border:thin solid #6495ed;
}

.verticaltext {
    writing-mode:tb-rl;
    -webkit-transform:rotate(-270deg);
    -moz-transform:rotate(360deg);
	-o-transform: rotate(270deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:20px; margin-top:-50px;
    height:20px;
    text-shadow: 0px 0px 1px #333;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
}
		.bandeau_35{
position: absolute;
bottom: 20px;
left: 250px;
top:310px;
width: 160px; height:148px;
z-index: 2;
text-align: center;
background-color: #f1f1f1;
border: 1px solid #666666;
line-height: 40px;
margin: 0;
border-radius: 8px;
	box-shadow: 8px 8px 12px #313131;
}
html>body .bandeau_35  {
position: fixed
}