/***** STYLES *****/

body
	{
	background-image: url(images/fond.jpg);
	background-repeat: no-repeat;
	background-position:center;
	overflow: auto;
	overflow-x: auto;
	background-attachment:fixed;

	}


#logo 
	{
	height: 160px;
	text-align:center;
	margin-top: 60px;
	margin: 10px auto 0px auto;
	}


.navigation 
	{
	width: 900px;
	margin: 10px auto 0px auto;
	margin-top: 0px;
	color:  #C60;
	text-align: center;
	height:40px;
	}
	
	
.navigation .onglet
	{
	float: left;
	width: auto;
	font-size: 16px;
	font-family:
	Tahoma, Geneva, sans-serif;
	letter-spacing: 1px;
	padding-top:15px;
	margin-right:20px;
	margin-left:30px;
	color: #069;
	text-align:center;
	}

/***** PAGE *****/



.page 
	{
	width: 900px;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;
	height:480px;
	}


.contenu 
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height: 600px;
	background-image: url(images/fond-blanc-grand.png);
	text-align: left;
   }

.contenu2
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height: 600px;
	background-image: url(images/fond-blanc.png);
	text-align: left;
   }
	
.contenu3
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height:870px;
	background-image: url(images/fond-ttg-blanc.png);
	text-align: left;
   }
   
 .contenu4
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height:760px;
	background-image: url(images/fond-blanc-t-g.png);
	text-align: left;
   }
   
.contenu5
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height: 700px;
	background-image: 
	url(images/fond-blanc.png);
	text-align: center;
	alignment-baseline: central;
   }

.contenu6
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height:680px;
	background-image:
	url(images/fond-blanc-6.png);
	text-align: left;
   }
   
   .contenu7
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height:620px;
	background-image:
	url(images/fond-blanc-moy.png);
	text-align: left;
   }

.contenu8
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height: 600px;
	background-image: url(images/fond-blanc-petit.png);
	text-align: left;
   }

.contenu9
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height: 600px;
	background-image: url(images/fond-blanc.png);
	text-align: center;
   }
   
.contenu10
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height:600px;
	background-image: url(images/fond-blanc2.png);
	text-align: left;
   }
    
.contenu11
   {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	height:1000px;
	background-image: url(images/fond-ttg-blanc.png);
	text-align: left;
   }
	  
.page .col-gauche1
	{
	float: left;
	width: 490px;
	height: 405px;
	padding-bottom:0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #069;
	margin-left:30px;
	margin-top:-15px;
	}
	
.page .col-gauche2
	{
	float: left;
	width: 30px;
	height: 405px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #069;
	margin-left:30px;
	margin-top:-25px;
    }

.page .col-gauche3
	{
	float: left;
	width: 800px;
	height: 405px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #069;
	margin-left:30px;
	margin-top:-25px;
    }
	
.page .col-gauche4
	{
	float: left;
	width: 500px;
	height: 405px;
	font-family: Arial, Helvetica,
	sans-serif;
	font-size:10px;
	color: #069;
	margin-left:30px;
	margin-top:20px;
	overflow:auto;
    }


.page .col-gauche5
	{
	float: left;
	width: 500px;
	height: 30px;
	font-size:10px;
	margin-top:40px;
	overflow:auto;
    }	

.page .col-gauche6
	{
	float: left;
	width: 490px;
	height: 405px;
	padding-bottom:0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #069;
	margin-left:30px;
	margin-top:-15px;
	text-align:center;
	}
	
.page .col-droite1
	{
    float: right;
	width: 360px;
	height: 390px;
	margin-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
    }

.page .col-droite1img
	{
    float: right;
	width: 360px;
	height: 390px;
	margin-right: 8px;
	background-image:url(images/gd-boites-index-redon.png);
    }
	
	
.page .col-droite1b
	{
    float: right;
	width: 360px;
	height: 390px;
	margin-right: 8px;
	background-image: url(images/magasin.png);
    }
	
		
.page .col-droite2
	{
    float: right;
	width: 360px;
	height: 500px;
    padding-top: 60 px;
	margin-right: 8px;
    }
	
.page .col-droite3
	{
	float: right;
	width: 300px;
	height: 100px;
	margin-right: 20px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
    }

	
.page .col-droite4
	{
    width: 10px;
	height: 500px;
    padding-top: 60 px;
	margin-right: 8px;
    }
	
.page .col-droite5
	{
    text-align: center;
	width: 360px;
	height: 390px;
	margin-right: 8px;
	font-family: Arial, Helvetica, 
	sans-serif;
    }

.page .col-droite6
	{
    float: right;
	width: 360px;
	height: 420px;
	margin-right: 8px;
	margin-top: -40px;
	text-align:center;
    }
.page .col-droite7
	{
    float: right;
	width: 360px;
	height: 330px;
	margin-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
    }
	
	.page .col-droite8
	{
    float: right;
	width: 360px;
	height: 550px;
	margin-right: 8px;
	margin-top:-10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
    }
	
.page .col-gauche1.légende
	{
	float: left;
	width: 507px;
	height: 394px;
	padding-bottom:0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:18px;
	color: #FFF;
	margin-left:20px;
	}

.page .col-gauche1 .image
	{
	float: left;
	width: 250px;
	height: 180px;
	padding-bottom:0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:18px;
	color: #069;
	margin-left:130px;
	margin-top:-40px;
    }

	
.page .col-gauche1 .titre
	{
	font-family: Arial, Helvetica, sans-serif;
	color:  #069;
	text-align: left;
	margin-right: auto;
	height: 369px;
	font-size: 23px;
	line-height: normal;
	}


#pied-de-page 
	{
	color: #FFF;
	line-height: normal;
	letter-spacing: 0px;

	width:
	height: 60px;
	clear: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-style: italic;
	text-align:center;
	padding-top:-25px;
	}
	

.pied-de-page.texte
	{
	color: #FFF;
	line-height: normal;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;
	text-align: center;
	padding-top:-25px;
	
	}


#pied-de-page2
	{
	font-size: 9px;
	text-align: center;
	letter-spacing: 1px;
	height: 30px;
	padding-top: 20px;
	}







/***** LIENS *****/

a 
	{
	color:  #C60;
	text-decoration: none;
	}


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

	
a:link 
   {
	color: #C60;
	text-align: center;
	}

a.type2:hover 
    {
	color:  #FFF;
	margin-right: 0px;
	}
	
	
a.type1:hover
	{
	color: #333
	}

a.type2:hover 
    {
	color:  #FFF;
	margin-right: 0px;
	}
	
.text 
   {
	font-size: 14px;
	color: #069;
	line-height:1.2;
	}

.text2 
   {
	font-size: 14px;
	color: #069;
	line-height:1.2;
	}

.text3 
   {
	font-size: 12px;
	color: #069;
	}

.text4
    {
	font-size: 20px;
	color: #069;
	text-align:center;
	font-family:  Arial, Helvetica, sans-serif;
	}
.text5
{
	font-size: 13px;
	color: #C30;
	font-family:  Arial, Helvetica, sans-serif;
	}
	
.text6
{
	font-size: 11px;
	color: #C30;
	font-family:  Arial, Helvetica, sans-serif;
	}
	
		
		
.text7
{

font-size: 12px;
	color: #FFF;
	font-family:  Arial, Helvetica, sans-serif;
	
	}		

.text9
{

font-size: 18px;
	color: #069;
	font-family:  Arial, Helvetica, sans-serif;
	
	}		
	
.text8
{
	font-size: 13px;
	color: #FFF;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: center;
	}	
	
	.text10
{
	font-size:9px;
	color: #069;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
	}	
	
	
	.text11
{
	font-size:12px;
	color: #069;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
	}	
	
		.text12
{
	font-size:20px;
	color:  #069;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	}	
	
			.text13
{
	font-size:15px;
	color:   #069;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	}	

	.text14
{
	font-size:15px;
	color:   #069;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;

	}	
	
		.text15
{
	font-size:13px;
	color:   #069;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
	font-style: italic;

	}	
	
	
			.text16
{
	font-size:12px;
	color:    #F03;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
	font-style: italic;

	}	
	
.text17
    {
	font-size:18px;
	color: #F60;
	font-family:  Arial, Helvetica, 
sans-serif;
	text-align: left;
	font-weight: normal;
    }	

.text18
    {
	font-size:18px;
	color:   #F60;
	font-family:  Arial, Helvetica, 
	sans-serif;
    }
	
.text19
    {
	font-size:13px;
	color:   #F60;
	font-family:  Arial, Helvetica, 
	sans-serif;
	}

.text20
    {
	font-size:15px;
	color: #C60;
	font-family:  Arial, Helvetica, 
	sans-serif;
	text-align: center;
	}
	
.text21
    {
	font-size:12px;
	color:    #F03;
	font-family:  Arial, Helvetica, 
	sans-serif;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	}	
	
.text22
{
	font-size: 13px;
	color:  #069;
	font-family:  Arial, Helvetica, sans-serif;
	}
	
	
.text23
    {
	font-size:18px;
	color:  #F60;
	font-family:  Arial, Helvetica, 
sans-serif;
	font-weight: normal;
    }	
	
.text24
{
	font-size: 14px;
	color: #C30;
	font-family:  Arial, Helvetica, sans-serif;
	}
	
.text25
{
	font-size:15px;
	color:   #069;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	}		
	
.text26
    {
	font-size:18px;
	color: #F60;
	font-family:  Arial, Helvetica, 
sans-serif;
	text-align: center;
	font-weight: normal;
    }	

#pied-de-page .légende 
    {
	font-size: 15px;
	color: #069;
	font-style: oblique;
	text-align: left;
	line-height: normal;
	}
	
	
.navigation .onglet .contact 
   {
	margin-left:auto;
   }
   
   
.page .contenu .col-gauche1 p .text .légende 
   {
	font-size: 16px;
   }
   
.page .contenu .col-gauche1 p .légende 
   {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
}
.page .contenu .col-gauche3 table tr td {
	font-size: 18px;
	text-decoration: underline;
}
.page .contenu2 .col-gauche3 {
	font-size: 24px;
}
.page .contenu2 .col-gauche3 {
	text-align: center;
}
.adress {
	text-align: center;
	font-size: 16px;
}
.page .contenu2 .col-gauche6 .text12 {
	text-align: center;
}
a img
	{
	border:none;
	}