/*-----------------------------------------------------
  
                                                                 _______
                                                                LLLLLLLLLLL
                                                            __LLLLLLLLLLLLLL
                                                           LLLLLLLLLLLLLLLLL
                                                         _LLLLLLLLLLLLLLLLLL
                                                        LLLLLLLLLLLLLLLLLLLL
                                                      _LLLLLLLLLLLLLLLLLLLLL
                                                      LLLLLLLLLLLLLLLLLLLLLL
                                              L     _LLLLLLLLLLLLLLLLLLLLLLL
                                             LL     LLLLLL~~~LLLLLLLLLLLLLL
                                            _L    _LLLLL      LLLLLLLLLLLLL
                                            L~    LLL~        LLLLLLLLLLLLL
                                           LL   _LLL        _LL   LLLLLLLL
                                          LL    LL~         ~~     ~LLLLLL
                                          L   _LLL_LLLL___         _LLLLLL
                                         LL  LLLLLLLLLLLLLL      LLLLLLLL
                                         L  LLLLLLLLLLLLLLL        LLLLLL
                                        LL LLLLLLLLLLLLLLLL        LLLLL~
                  LLLLLLLL_______       L _LLLLLLLLLLLLLLLL     LLLLLLLL
                         ~~~~~~~LLLLLLLLLLLLLLLLLLLLLLLLL~       LLLLLL
                       ______________LLL  LLLLLLLLLLLLLL ______LLLLLLLLL_
                   LLLLLLLLLLLLLLLLLLLL  LLLLLLLL~~LLLLLLL~~~~~~   ~LLLLLL
             ___LLLLLLLLLL __LLLLLLLLLLLLL LLLLLLLLLLLLL____       _LLLLLL_
          LLLLLLLLLLL~~   LLLLLLLLLLLLLLL   LLLLLLLLLLLLLLLLLL     ~~~LLLLL
      __LLLLLLLLLLL     _LLLLLLLLLLLLLLLLL_  LLLLLLLLLLLLLLLLLL_       LLLLL
     LLLLLLLLLLL~       LLLLLLLLLLLLLLLLLLL   ~L ~~LLLLLLLLLLLLL      LLLLLL
   _LLLLLLLLLLLL       LLLLLLLLLLLLLLLLLLLLL_  LL      LLLLLLLLL   LLLLLLLLL
  LLLLLLLLLLLLL        LLLLLLLLLLLLL~LLLLLL~L   LL       ~~~~~       ~LLLLLL
 LLLLLLLLLLLLLLL__L    LLLLLLLLLLLL_LLLLLLL LL_  LL_            _     LLLLLL
LLLLLLLLLLLLLLLLL~     ~LLLLLLLL~~LLLLLLLL   ~L  ~LLLL          ~L   LLLLLL~
LLLLLLLLLLLLLLLL               _LLLLLLLLLL    LL  LLLLLLL___     LLLLLLLLLL
LLLLLLLLLLLLLLLL              LL~LLLLLLLL~     LL  LLLLLLLLLLLL   LLLLLLL~
LLLLLLLLLLLLLLLL_  __L       _L  LLLLLLLL      LLL_ LLLLLLLLLLLLLLLLLLLLL
 LLLLLLLLLLLLLLLLLLLL        L~  LLLLLLLL      LLLLLLL~LLLLLLLLLLLLLLLL~
  LLLLLLLLLLLLLLLLLLLL___L_ LL   LLLLLLL       LLLL     LLLLLLLLLLLLLL
   ~~LLLLLLLLLLLLLLLLLLLLLLLL     LLLLL~      LLLLL        ~~~~~~~~~
           LLLLLLLLLLLLLLLLLL_ _   LLL       _LLLLL
               ~~~~~~LLLLLLLLLL~             LLLLLL
                         LLLLL              _LLLLLL
                         LLLLL    L     L   LLLLLLL
                          LLLLL__LL    _L__LLLLLLLL
                          LLLLLLLLLL  LLLLLLLLLLLL
                           LLLLLLLLLLLLLLLLLLLLLL
                            ~LLLLLLLLLLLLLLLLL~~
                               LLLLLLLLLLLLL
                                 ~~~~~~~~~
                                 
                                 

  
  // Merci de vous interesser à notre css, Hi-D.CH
  Created for Hi-d.ch by Julien Ferla //
  
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/





body {
color:inherit;
	list-style-type: none;
	margin-top: 30px;
	background-color: #fff;
	background-image: url(../images/fond.gif);
}







#layout {
  display: block;
   margin-left: auto;
   margin-right: auto;
	width : 755px;
	height : 529px;
	position: static;
}


/*TITRES HEAD*/

/*  END TITRES HEAD*/


#header{
	height: 98px;
	width: 305px;
	margin-bottom: 5px;
	background-color: inherit;
	background-image: url(../images/logo.png);
}

#carousel {
	display: block;
	float: left;
	width : 735px;
	height: 273px;
	color: #000;
	background-color: inherit;
	margin-bottom: 0;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	font: 11px/15px Georgia, "Times New Roman", Times, serif;
}

	


/*****************************/
/*** HAUT ***/
/*****************************/
	
#haut {
	display: block;
	float: left;
	width : 758px;
	height: 338px;
	background-color: inherit;
	margin-bottom: 5px;
		background-image: url(../images/contour.png);

}

#menu {
	display: block;
	float: left;
	width : 646px;
	height: 50px;
	color: inherit;
	background-color: inherit;
	margin-right: 12px;
	margin-left: 5px;
}


/*****************************/
/*** LIENS MENU ***/
/*****************************/
	
#news a:link{
float: left;
margin-top: 15px;
	height: 47px;
	width: 68px;
	background: url(../images/news.gif) no-repeat 0 0;
	

}
#news a:visited{
float: left;
margin-top: 15px;
	height: 47px;
	width: 68px;
	background: url(../images/news.gif) no-repeat 0 0;
	

}

#news a:hover  {
float: left;
margin-top: 15px;

	height: 47px;
	width: 68px;
	background: url(../images/over/news.gif) no-repeat 0 0;
	
}




/*****************************/
/*** BAS ***/
/*****************************/


	
.gauche {
	position: relative;
	float: left;
	width : 260px;
	height: 225px;
	color: inherit;
	background-color: inherit;
margin-right: 5px;
margin-left: 15px;
  z-index:10;
	border-right: 1px solid #adadad;
}



	
.gauche3 {
	position: relative;
	float: left;
	width : 245px;
	height: 225px;
	color: inherit;
	background-color: inherit;
margin-right: 5px;
margin-left: 15px;
  z-index:10;
	border-right: 1px solid #adadad;
}
.droite {
	float: left;
margin-top: -15px;	
	width : 410px;
	height: 305px;
	color: inherit;
	background-color: inherit;

}

.droite3 {
	float: left;
margin-top: -11px;	
	width : 410px;
	height: 305px;
	color: inherit;
	background-color: inherit;

}

.txtinside{
margin-top: -5px;
margin-bottom: 25px;
margin-left: 15px;
}


#newsblog {
	position: relative;
	float: left;
	width : 443px;
	height: 174px;
	color: inherit;
	background-color: #fff;
	border: 1px solid #adadad;
margin-right: 5px;
  z-index:10; 
  	padding: 10px;
  		font: 11px/15px Georgia, "Times New Roman", Times, serif;


}



#contact
{
		position: relative;

	float: left;
	width : 263px;
	height: 174px;
	color: inherit;
	background-color: #fff;
	border: 1px solid #adadad;
  z-index:10;
	padding: 10px;
		font: 11px/15px Georgia, "Times New Roman", Times, serif;

}


#txtcontact
{
		position: relative;

	float: left;
	width : 192px;
	height: 40px;
	color: inherit;
	background-color: inherit;
  z-index:10;
		font: 12px/11px Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
}
#mailtook
{
		position: relative;

	float: left;
	width : 209px;
	height: 24px;
	color: inherit;
	background-color: inherit;
  z-index:10;
		font: 11px/15px Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
}
#twitter
{
		position: relative;

	float: left;
	width : 209px;
	height: 24px;
	color: inherit;
	background-color: inherit;
  z-index:10;
		font: 11px/15px Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
}

#phone
{
		position: relative;

	float: left;
	width : 209px;
	height: 24px;
	color: inherit;
	background-color: inherit;
  z-index:10;
		font: 11px/15px Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
}
#facebook
{
		position: relative;

	float: left;
	width : 209px;
	height: 24px;
	color: inherit;
	background-color: inherit;
  z-index:10;
		font: 11px/15px Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
}



.contenu {
	margin-top: 15px;
	width : 620px;
	height: auto;
	font: 12px/15px Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	margin-left: 10px;
	background-color: inherit;

}


#hautdroit {
float: right;
	height: 30px;
		width : 30px;
	background: url(../images/coin-haut.png) no-repeat;
}

#basgauche {
	position: relative;
	float: left;
	height: 32px;
	width : 31px;
	background: url(../images/coin-bas.png) no-repeat;
	  z-index:10; 

}



/*****************************/
/*** End of templates css ***/
/*****************************/

.post {
	float: left;
	width: 126px;
}
.lignepost{
	height: 45px;
	width: 400px;
	margin-bottom: 1px;
}



.titrepost{
	width: 265px;
	margin-left: 5px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
}

small{
		font-size: 9px;

	color: #777;
	}

a:link, a:active{
	text-transform: uppercase;
	
background-color:inherit;
color:#CB2410;
text-decoration: none;
	font-size: 11px;

	font-family: Georgia, "Times New Roman", Times, serif;
}



a:hover, a:visited  {
		text-transform: uppercase;

background-color:inherit;
color: #000;
text-decoration: none;
	font-size: 11px;
}

p{

}

a img{border:0;}

#widget{
	overflow: hidden;
	height: 135px;
	
}

#footer{
		float: left;

	background-color: inherit;
	width: 250px;
	height: 30px;
	color: #515151;
	font: 09px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
}


#footer a:link, #footer a:active{
	text-transform: none;
	font-weight: bolder;
background-color:inherit;
color:#CB2410;
text-decoration: none;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
}



#footer a:hover, #footer a:visited  {
		text-transform: none;
	font-weight: bolder;
background-color:inherit;
color: #000;
text-decoration: none;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
}


h2 {

	background-color: inherit;
}