*{
	margin:0;
	padding:0;
	border:0;
	outline-width:0;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	color:#5E5F61;	
}

html{
	font-size:100%;
}

a {
	text-decoration:none ;
	color:#009DDF;
}

a:hover{
	color:#5E5F61;
}

a:visited{
	
}

p{
	text-align: justify;
	font-size:11px;
}

input{
	border:1px solid #5E5F61;
	font-size:11px;
}

textarea{
	border:1px solid #5E5F61;
	font-size:11px;
	overflow:hidden;
}

.centre{
	text-align:center;
}

.adroite{
	text-align:right;
}

.retour{
	text-align:right;
	font-weight:bold;
}

.grisbold{
	font-weight:bold;
	color:#5E5F61;
}

.pasjustifie{
	text-align:left;
}

.gris{
	color:#5E5F61;
}

.share{
	text-align:right;
	margin-top:8px;
	margin-bottom:10px;
}

.share2{
	text-align:right;
	margin-top:52px;
	margin-bottom:10px;
}

.permalien{
	text-align:left;
/*	margin-top:52px;*/
	margin-top:28px;
	float:left;
}

.permalien2{
	text-align:left;
	float:left;
	font-weight:normal;
}

.txt_en{
	margin-top:10px;
	margin-bottom:10px;
	font-style:italic;
	color:#009DDF;
}

  /*************************/


  div#partie_gauche{
    position: fixed;
  }
  
  * html{
    overflow-y: hidden;
  }
  
  * html body{
    overflow-y: auto;
    height: 100%;
    
    font-size: 100%;
  }
  
  * html div#partie_gauche{
	position: absolute;  
  }
  
   
  
/*************************/
  
  

#inverse_couleur_lien a{
	color:#009DDF;
}

#inverse_couleur_lien a:hover{
	color:#5E5F61;
}

#logo{
	
}

#partie_gauche{	
	left:0;
	float:left;
	/*width:260px;*/
	width:216px;
	margin-right:20px;
	position: fixed;		
	height: 100%;
	
}


#partie_gauche a{
	color:#009DDF;
}

#partie_gauche a:hover{
	color: #5E5F61;	
	
}

#menu{
	width:203px;
	text-align: justify;
	margin-left:15px;
}

/******************Hack pour chrome******************/
body:nth-of-type(1) .droite_tilde{
	margin-left:7px;		
} 

.win.gecko .droite_tilde{
	margin-left:3px;	
}

/**************Hack pour firefox mac*********/
.mac.gecko #menu{
	width:213px;
}

.mac.gecko .extreme_gauche_tilde{
	margin-right:6px;
}

.mac.gecko .gauche_tilde{
	margin-right:4px;	
	margin-left:6px;
}

.mac.gecko .gauche_tilde2{
	margin-right:9px;	
	margin-left:19px;
}

.mac.gecko .droite_tilde{
	margin-left:6px;		
}

/************Hack pour ie********************/

.ie .extreme_gauche_tilde{
	margin-right:6px;
}

.ie .gauche_tilde{
	margin-right:4px;	
	margin-left:4px;
}

.ie .gauche_tilde2{
	margin-right:4px;	
	margin-left:4px;
}

.ie .droite_tilde{
	margin-left:3px;		
}

/***********Hack pour safari************/
.safari .extreme_gauche_tilde{
	margin-right:2px;
}

.safari .gauche_tilde{
	margin-right:2px;	
	margin-left:2px;
}

.safari .gauche_tilde2{
	margin-right:2px;	
	margin-left:2px;
}

.safari .droite_tilde{
	margin-left:3px;		
}

.mac.safari3 .droite_tilde{
	margin-left:7px;		
}

.mac.safari #menu{
	width:205px;		
}

.safari #menu{
	width:201px;		
}

/*
.safari #daybyday{
	position:absolute;
	top:40%;
	left:25%;
	color:#FFF;
	font-size:100px;
} */

#daybyday{
	/*position:relative;*/
	/*position:absolute;
	top:40%;*/
	color:#FFF;
	font-size:100px;

}

/*body:nth-of-type(1) #daybyday{
	position:absolute;
	top:40%;
display:block;
	color:#FFF;
	font-size:100px;
} */

/*************Hack linux***************/
.linux.gecko .droite_tilde {
	margin-left:0px;
}

.linux.chrome .droite_tilde {
	margin-left:-2px;
}

/**************************************/

#menu ul{
	line-height:13.5px;
}

#menu ul li{	
	display:inline;
	font-size:12px;	
	color: #5E5F61;
}

#menu ul li a{
	color:#5E5F61;		
}

#menu ul li a:hover{	
	color:#009DDF;
}	

/*****************menu en anglais*****************************/
#menu_en{
	width:203px;
	text-align: justify;
	margin-left:15px;
}

#menu_en ul{
	line-height:13.5px;
}

#menu_en ul li{	
	display:inline;
	font-size:12px;	
	color: #5E5F61;
}

#menu_en ul li a{
	color:#5E5F61;		
}

#menu_en ul li a:hover{	
	color:#009DDF;
}	

#news_menu{
	width:215px;
	height:80px;
	margin-top:15px;
	margin-left:15px;
}

#infos{
	margin-top:15px;
	font-size:11px;
	margin-left:15px;
	width:210px;
}

#horaires{
	/*margin-left:15px;	*/
}

#newsletter{
	margin-top:10px;
}

.clear{
	clear:both;
}

.extreme_gauche_tilde{
	margin-right:5px;
}

.gecko .gueko{
	margin-right:2px;
}

.gauche_tilde{
	margin-right:4px;	
	margin-left:3px;
}

.droite_tilde{
	margin-left:3px;		
}

.titre{
	font-size:18px;
	margin-top:10px;
}

#blaze{
	position:absolute;
	top:125px;
	left:270px;
	font-size:25px;
}

.unNews{
	margin-top:14px;
	margin-bottom:50px;
}

.unCom{
	margin-top:12px;
}

.unBlaze{
	color:#009DDF;
	font-weight:bold;
}

.uneDate{
	font-size:9px;
}

#page{	
	padding-top:115px;
	padding-bottom:70px;
	margin-left:270px;
}

#page_profile{
	margin-left:270px;
	padding-top:30px;
	padding-bottom:70px;
}

.ban_profile{
	margin-bottom:11px;
}

#contenu{
	width:400px;
}

#contenu_profile{
	margin-bottom:30px;
}

.plus_infos{
	margin-bottom:5px;
	font-weight:bold;
	font-size:11px;
	text-align:right;
	color:#009DDF;
}

.flux{
	margin-top:30px;
}

.titre_image{
	font-weight:bold;
	cursor:pointer;
	float:left;
}

.plus_infos:hover,.titre_image:hover{
	color:#5E5F61;	
	cursor:pointer;
}

#esp_droite{
	/*text-align:right;*/
}

.main{
	cursor:pointer;
}

.pas_justifie{
	margin-top:20px;
	text-align:left;
}

.gras{
	font-weight:bold;
	font-size:12px;
}

.aster{
	font-size:17px;
}

.bordure{
	border:1px solid #81725e;
}


#newsletter{

}

#drapeaux{
	margin-top : 6px;
	font-style: italic ;
}

#pied_profile{
	/*margin-top:50px;*/
	margin-top:20px;
	font-size:11px;	
}

#pied_profile p {
  text-align: right;
}

#pied_profile p span {
  float: left;
  font-weight:bold;
}

#chp_pager{
	width:25px;
	margin-top:4px;
	padding-bottom:1px;
	/*height:11px;*/
	font-size:11px;
	text-align:right;
}

#recherche{
	margin-left:15px;
	padding-top:10px;
	width:;
}

#chp_recherche{	
	float:left;	
	height:5px;	
}

.gecko #chp_recherche{
	margin-top:-2px;
}

#chp_recherche2{	
	color:#A8A9AB;
}

#go_recherche{		
	cursor:pointer;
	text-align:right;

}

.ie #recherche{
	/*padding-top:10px;*/
	margin-left:7px;
}
/*
.ie #chp_recherche{
	margin-top:0px;
	float:left;
	margin-right:5px;
}*/

.bandeau_image{

}

.pastille{
	margin-top:-50px;
	margin-left:350px;
}

.slider_membre{
	margin-bottom:15px;
}

/***********************la galerie photo************************/
#ban_galerie{
	margin-top:50px;
}

#conteneur_photo{
	height:400px;
	width:420px;
}

#page_photo{
	position:relative;
	top:-83px;
}

#tabslider{
	margin-top:-10px;
}

#slider{
	margin-top:20px;
}

#slider_cache{	
	margin-left:auto;
	margin-right:auto;

	height: 80px;
	width: 350px;
	overflow:hidden;
	position:relative; 
}

#slidebox{
	position:relative;
	width:50000px;
}
 
#fleche_droite{
	/*position:relative;	
	top:-15%;*/
	margin-top:-39px;
}

#fleche_gauche{
	/*position:relative;	
	top:-15%;*/
	margin-top:-39px;
}

.miniature{
	cursor:pointer;
	margin-left:17px;
}

#photo_principale{
	text-align:center;
}

.portrait{
	/*margin-left:75px;
	margin-top:16px;*/
	display:block;
	text-align:center;
}

.paysage{
/*	margin-left:5px;
	margin-top:80px*/
	display:block;
	text-align:center;

}

#libPhoto{
	margin-top:25px;
	height:20px;
}

.loading {  
     background:url('http://www.delkographik.com/img/icones/loading.gif') no-repeat center;  
} 

/*************************************La boutique********************************************************************************/
.marque{
	/*width:405px;*/	
	margin-right:9px;
	width:73px;
	float:left;
/*	width:73px;margin-right:12px;float:left;*/
}

.marqueBout{
	width:73px;
	float:left;
}

.categorie{

	height:30px;
	text-align:center;
}

.image_bout{
	margin-bottom:6px;
}

#contenuBoutique{
	width:450px;
}

/**************************************************Blogs********************************************************************************/

.grosBlog{
	margin-top:23px;	
}

.blogIni{
	width:100px;
	/*margin-top:23px;	*/
	float:left;
}

.blog{
	width:100px;
	/*margin-top:23px;	*/
	float:left;
	margin-left:50px;
}


/*******************************************************************************************************************************/
/**************************************back-office*****************************************************************************/
/*******************************************************************************************************************************/


/**************************formulaire***************************/
form p{
	margin-top:20px;
}

#form_comm{
	margin-top:15px;
}

#captcha{
	/*height:50px;*/
}

#formulaire{	
	
	padding-bottom:15px;
}

#formulaire {
	/*margin-top:35px;*/
}

#formulaire p input {	
	width:200px;	
}

#formulaire label{
	display:block;
	width:190px;
	float:left;
}

#formulaire p{
	margin-top:20px;	
}

#formulaire #btn{
	margin-top:10px;
	margin-left:300px;
	width:130px;
	cursor:pointer;
}

#btn{	
	margin-left:230px;
	cursor:pointer;
}

#btn_submit{
	margin-top:30px;
	/*margin-left:280px;*/
	cursor:pointer;
	border:0;
}

#btn_submit2{
	cursor:pointer;
	border:0;
}

.msg_err{	
	margin-left:20px;
	color:red;	
	font-size:11px;
}

#info{
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    position:relative;
    color: #009DDF;
    background-color: #BDE5F8;
    background-image: url("../../../img/icones/info.png");
	font-size:11px;
}

#leCaptcha{
	margin-top:-20px;
}



/***********Onglet : menu haut***********/

#onglets
{
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
        font : bold 11px Batang, arial, serif;
        list-style-type : none;        
        margin-top : 0;
        width : 1200px;
}


#onglets li
{
    float : left;
    height : 21px; /* modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 4px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}

#onglets li a.active
{
    background: #fff;
}

#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    background : #fff;
}

#menu_onglets
{
        border-bottom : 1px solid #9EA0A1;
        padding-bottom : 25px;
}


/***************************************************************************************************************************************/
#contenu_back{
	margin-right:auto;
	margin-left:auto;	
	width:600px;
	font-size:10px;
}
/*****************************************tableau ***************************************************************************************/
.tab_back tr td{
	text-align:center;
}

.ligne_bleu{
	background-color:#BDE5F8;
	
}

/*****************************************lava lamp : menu*******************************************************************************/
        .lavaLampWithImage {
            position: relative;
            height: 29px;
/*            width: 1050px;*/
            background: url("../../../img/icones/bg.gif") no-repeat top;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("../../../img/icones/lava2.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("../../../img/icones/lava2.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin-left: 7px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }

        .lavaLampNoImage {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampNoImage li.back {
                        border: 1px solid #000;
                        background-color: #e6e8ea;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }                    

        .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid blue;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }