/* CSS Document */
body {
width:905px;
margin:0 auto;
margin-top:20px;
}

/* ----- HEADER ----- */

#header {
width:905px;
height:153px;

}




#top_navigation {
width:905px;
height:24px;
background: transparent url(img/top-nav.png) top no-repeat;


}


#top_navigation ul, li {	/* list use for the menu  */
list-style-type: none;	
margin:0;
padding:0;
}


#top_navigation ul {
background: transparent url(img/top-nav.png) top left no-repeat;	/* general menu background */
width: 900px;

}

#top_navigation li {float: left;}

#top_navigation li a {	/* buttons dimensions and definitions */	
display: block;	/* <a> placed in block to give it dimensions */
height: 24px;
width: 225px;
color: #ffffff;
font-size: 11px;
line-height: 24px;	/* line height to avoid paddings */
font-family: Verdana, serif;
text-decoration: none;
text-align:center;



}



a img {
border:none;
text-decoration:none;
}



#wrapper{
width:900px;
overflow:auto; 
}

#bgborder {
width:905px;
background:url(img/bg-general.gif) top no-repeat;


}

/* ----- NAVIGATION ----- */

#navigation_box {
width:250px;
height:auto !important; 
background-color:#FFFFFF;
float:right;
margin-top:10px;
padding-right:10px;
}

#secondary_menu {
width:250px;
float:right;
height:auto;
}

#secondary_menu ul, li { /* using a list for menu */
list-style-type: none;  /* cleaning up the list */
margin:0;
padding:0;
}

#secondary_menu ul {
 /* positionning for IE5 et IE5.5 */
background: transparent url(img/secondary_menu.jpg) repeat-y;
height: 134px;
width: 250px;
text-align: left;

float:right;
}


#secondary_menu li {
display: inline; /* correction for IE5 et IE5.5 */
}


#secondary_menu li a { /* buttons dimensions and definition */
display: block;  /* block for <a> to give it its dimensions */
height: 26px;
width: 240px;
line-height: 26px;  /* height of line to avoind paddings */
color: #3d3c3c;
font-size: 11px;
font-family: Verdana, serif;
font-weight:bold;
padding-left:10px;
border-bottom:dotted white 1px;
border-bottom-height:250px;
text-decoration:none;
}

#secondary_menu li a:hover { /* buttons dimensions and definition */
color: #FFFFFF;
text-decoration:none;
background-color:#333333;
}


#aniv_menu {
float:right;
height:auto;
width:247px;
margin-top:-1px;
margin-bottom:10px;
border:#B7B7B7 1px solid;
}

#aniv_menu ul {
background:transparent url(img/25ans_menu.jpg) repeat-y;
float:right;
height:auto;
text-align:left;
width:247px;

}

#aniv_menu ul, li {
list-style-type:none;
margin:0;
padding:0;

}

#aniv_menu li {
display:inline;

}


#aniv_menu li a {
color:#8c8c8c;
display:block;
font-family:Verdana,serif;
font-size:11px;
font-weight:bold;
height:23px;
line-height:23px;
text-decoration:none;
width:232px;   /* Largeur moins le padding-left */
border-left:10px solid #b7b7b7;
padding-left:5px;

}

#aniv_menu li a:hover {
background-color:#F28800;
color:#ffffff;
text-decoration:none;
border-left-color:#474747;
}

.festivites {
float:right;
margin-top:15px;

}



/* ----------------- DO YOU KNOW ? ------------------- */


#douknow {
width:250px;
float:right;
margin-top:10px;
}

#duk_top {
background:url(img/duktop.png) top no-repeat;
background-position:top;
width:250px;
height:31px;
float:left;
padding-top:5px;
}


#duk_top h2  {
font-family:Tahoma, sans-serif;
text-align:center;
font-size:12px; 
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px; !important



}


#duk_top h2 span  {
color:#3399FF;
}

#duk_content {
background:url(img/dukcontent.png) repeat-y;
height:auto;
width:250px;
float:left;
margin-top:-9px;

}



#duk_bottom {
background:url(img/dukbottom.png) no-repeat;
background-position:bottom;
width:250px;
height:20px;
float:left;
}

/* ----- MAIN CONTENT ----- */

#content { 
width:626px;
/*min-height:600px;  for modern browsers */
height:auto !important; /* for modern browsers */
/*height:600px;  for IE5.x and IE6 */
/* background-color:#FF99CC; */
/* margin-top:10px; */
float:left;
margin-left:4px;

}

#content-trophy { 
width:620px;
height:auto !important; /* for modern browsers */
float:left;
background:url(img/bg-trophy.jpg) top right no-repeat;
margin-left:10px;
}


#content-trophy ul li {
color:black;
font-family:Verdana,sans-serif;
font-size:10px;
line-height:14px;
list-style-type:disc;
padding:0pt 25px 0pt 0pt;
text-align:justify;
text-indent:0px;
}

#content-trophy h2 span.titreorange, #content-anciens h2 span.titreorange, #content-livre h2 span.titreorange  {

color:#EC9110;

}


#content-anciens { 
width:620px;
height:auto !important; /* for modern browsers */
float:left;
background:url(img/bg-anciens.jpg) top right no-repeat;
margin-left:10px;
}


#content-livre {
width:620px;
height:auto !important; /* for modern browsers */
float:left;
background:url(img/bg-livre.jpg) top right no-repeat;
margin-left:10px;

}


#content-produits {
width:620px;
height:auto !important; /* for modern browsers */
float:left;
background:url(img/bg-produits.jpg) top no-repeat;
margin-left:10px;

}


/* ------------------------------------------------------------- TEXTE --------------------------------------------------------------- */
p {
text-align:justify;
font-family:Verdana, sans-serif;
font-size:10px;
padding:0px 25px 0px 15px;
/* text-indent:15px; */
line-height:14px;
color:black;

}

.duk {
font-family:Verdana, sans-serif;
font-size:10px;
padding:0px 25px 0px 15px;
/* text-indent:15px; */
line-height:14px;
color:black;
text-align:left;

}





#duk_content p span {
font-weight:bold;
color:#91110E;
}

#duk_content p span.titredyk1 {
color:#91110E;
font-size:11px;

}




h2.titrepage  {
font-family:Tahoma, sans-serif;
font-size:22px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:4px;
margin-top:10px;
margin-left:15px;
}


#contentaniv h2 span.titreorange, #content h2 span.titreorange  {
font-family:Tahoma, sans-serif;
font-size:22px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:4px;
padding-top:10px;
padding-bottom:0px;
text-indent:0px;
color:#EC9110;
}



#content h2 span.titrerouge, #contentaniv h2 span.titrerouge  {
font-family:Tahoma, sans-serif;
font-size:22px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:4px;
padding-top:10px;
padding-bottom:0px;
text-indent:0px;
color:#CC3300;
}


#content h2 span.titrebleu  {
font-family:Tahoma, sans-serif;
font-size:22px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:4px;
padding-top:10px;
padding-bottom:0px;
text-indent:0px;
color:#0169B0;

}

#content h2 span.titregris  {
font-family:Tahoma, sans-serif;
font-size:22px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:4px;
padding-top:10px;
padding-bottom:0px;
text-indent:0px;
color:#737373;

}



a span {
text-decoration:underline;
color:#CC3300;
}



h3 {
color:#CC0000;
font-size:18px;
letter-spacing:4px;
text-transform:uppercase;
font-family:Tahoma,sans-serif;
line-height:18px;
text-align:justify;
font-weight:bold;
letter-spacing:4px;
padding-bottom:0px;
padding-top:10px;
text-indent:0px;
padding-left:15px;

}

h3.titregris {
color:#737373;
font-family:Tahoma,sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:4px;
line-height:18px;
padding-bottom:0px;
padding-top:10px;
text-align:justify;
text-indent:0px;
text-transform:uppercase;

}

#content h3 span.titrevaleur {
color:#0169B0;
font-family:Tahoma, sans-serif;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:4px;
padding-top:10px;
padding-bottom:0px;
text-indent:0px;

}

#contentaniv h3 span {
font-family:Tahoma, sans-serif;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:4px;
padding-top:10px;
padding-bottom:0px;
text-indent:0px;
color:#CC3300;
}

#contentaniv h3 span.noir {
font-family:Tahoma, sans-serif;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:4px;
padding-top:10px;
padding-bottom:0px;
text-indent:0px;
color:black;
}



#content p.valeur {
border-left:#333333 solid 5px;
padding-left:15px;
margin-left:35px;

}



h4 {
font-family:Tahoma, sans-serif;
font-size:12px;
font-weight:bold;
letter-spacing:3px;
padding-bottom:0px;
text-indent:30px;
line-height:9px;

}

h5 {
padding-left:30px;
color:#333333;
}

p.partageons {
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#CC3300;
text-align:center;
letter-spacing:2px;
}


p.partageonsbas {
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
text-align:left;

}



.talent{
font-family:Tahoma, sans-serif;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:4px;
padding-top:10px;
padding-bottom:0px;
text-indent:0px;
color:#ec9110;

}


address {
text-align:center;
font-family:Verdana, sans-serif;
font-size:12px;
}

.hdp {
text-align:right;
color:#CC3300;
text-decoration:none;
font-weight:bold;
}


.switchgroup1 {
font-family: Verdana, sans-serif;
text-align:justify;
font-size:11px;
padding-left:47px;
padding-top:0px;
padding-bottom:20px;
padding-right:30px;
margin-top:-5px;
}


#content p span {
font-weight:bold;
}



#contentaniv { 
width:620px;
height:auto !important; /* for modern browsers */
float:left;
background:url(img/bg-25ans.jpg) top no-repeat;
margin-left:5px;
}


h2.aniv {
font-family:Lucida calligraphy;
text-align:center;
font-size:16px;
font-weight:normal;
text-transform:none;
letter-spacing:normal;
float:left;
margin-top:15px;
color:#444444;
}

#contentaniv ul li {
color:black;
font-family:Verdana,sans-serif;
font-size:10px;
line-height:14px;
list-style-type:disc;
padding:0pt 25px 0pt 0pt;
text-align:justify;
text-indent:0px;

}


/* ------------- LIENS -------------- */




.more {
text-decoration:none;
color:#3399FF;
}

.more:hover {
color:#3399FF;
text-decoration:underline;
}


#content ul li {
text-align:justify;
font-family:Verdana, sans-serif;
font-size:10px;
padding:0 25px 0 0;
text-indent:0px;
line-height:14px;
color:black;
list-style-type:disc  /* cleaning up the list */
}


#content ul li span{
color:#CC3300;
}

#content ul li a {
color:#a52825;
font-weight:bold;
border-bottom:dotted 1px #91110E;
text-decoration:none;

}
#content ul li a:hover {
color:#91110E;
border-bottom:solid 1px #91110E;
text-decoration:none;
}

#content p a {
color:#a52825;
font-weight:bold;
border-bottom:dotted 1px #91110E;
text-decoration:none;

}



#content p a:hover {
color:#91110E;
border-bottom:solid 1px #91110E;
text-decoration:none;

}

#wrapper p a:hover {
border-bottom:1px solid #91110E;
color:#91110E;
text-decoration:none;
}

#wrapper p a {
border-bottom:1px dotted #91110E;
color:#A52825;
font-weight:bold;
text-decoration:none;
}

/* ------------------- buttons --------------------------------------- */

.titreactu {
text-align:center;

}


#wrapper p a.boutonactu  {
text-decoration:none;
border-bottom:none;
}

#content-actualites   {
text-decoration:none;
border-bottom:none;
width:600px;
float:left;
height:auto;

}


#content-actualites p a.boutonactu  {
text-decoration:none;
border-bottom:none;

}




/* -------------- EDITO ------------------- */

#edito {
width:626px;
height:auto;
background-color:#CCFFFF;
background:url(img/barre.jpg)  bottom no-repeat;
background-position:left bottom;
}


#edito p {
margin:1.2em 25px 0 15px;

}


.imgdroite {
float:right;
margin-top:-16px;

}


.imggauche {
margin-top:10px;
margin-left:160px;
margin-bottom:10px;
}


/* ---------------------- BLOC HOMEPAGE --------------------- */

#news {
width:207px;
/* height:150px; */
margin-top:15px;
float:left;
height:auto;
}

/* ---------------------- 3 BLOC HOMEPAGE---------------------- */

#jobs {
width:207px;
/*height:150px;*/
margin-top:15px;
float:left;
margin-left:2px;
}

#jobs_top {
background: transparent url(img/jobstop.png) top no-repeat;
width:207px;
height:37px;
float:left;
padding-top:5px;
}



#jobs_top h2 {
text-align:center;
font-family:Tahoma, sans-serif;
font-size:12px; 
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
vertical-align:middle;
}



#jobs_content {
background: transparent url(img/jobscontent.png) repeat-y;
width:207px;
height:200px;
float:left;
margin-top:-14px;
}

#jobs_content p.jobtext {
margin-bottom:-15px;

}

#jobs_content ul li {
list-style-type:none;
margin-left:-25px;
}

#jobs_content ul li span {
color:#a52825;
font-weight:bold;
border-bottom:dotted 1px #91110E;
text-decoration:none;
}

#jobs_content ul li span a:hover {
color:#91110E;
border-bottom:solid 1px #91110E;
text-decoration:none;
}



#jobs_bottom {
background: url(img/jobsbottom.png) bottom no-repeat;
width:207px;
height:15px;
float:left;
vertical-align:top;
margin:0 0 0 0; 
}
/* ----------------------- PRODUITS -------------------------- */

#products {
width:207px;
 /*height:150px;*/
margin-top:15px;
margin-left:2px;
float:left;



}

/* ----------------------- 25 ANS -------------------------- */
#frise {
width:620px;
float:left;
margin-top:30px;
}

/* ----- FOOTER ----- */

#footer { 
width:900px;
height:100px;
background-color:#ffffff;
margin-top:10px;
}

/* ------------ CSS FRISE ------------------- */

.dhtmlgoodies_tabPane{
		height:21px;	/* Height of tabs */
		border-bottom:1px solid #919b9c;
		
}
.dhtmlgoodies_aTab{
		border-left:1px solid #919b9c;
		border-right:1px solid #919b9c;
		border-bottom:1px solid #919b9c;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		padding:5px;
		float:left;
				
		
}

.dhtmlgoodies_aTab h3 {
text-align:center;

}


.dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		position:relative;
		bottom:-1px;
		margin-left:0px;
		margin-right:0px;
		height:auto;
}
.dhtmlgoodies_tabPane .tabActive{
		background-image:url('images/tab_left_active.gif');
		margin-left:0px;
		margin-right:0px;	
		z-index:10;	
}
.dhtmlgoodies_tabPane .tabInactive{
		background-image:url('images/tab_left_inactive.gif');
		margin-left:0px;
		margin-right:0px;
		z-index:1;
}

.dhtmlgoodies_tabPane .inactiveTabOver{
		background-image:url('images/tab_left_over.gif');
		margin-left:0px;
		margin-right:0px;
}
.dhtmlgoodies_tabPane span{
		font-family:arial;
		vertical-align:top;
		font-size:11px;
		padding-left:3px;
		padding-right:3px;		
		line-height:21px;
		float:left;
}
.dhtmlgoodies_tabPane .tabActive span{
		padding-bottom:1px;
		line-height:20px;
}
	
.dhtmlgoodies_tabPane img{
		float:left;
}

#photos {
height:auto;
width:140px;
float:left;

}

#photos img {
padding-top:15px;
padding-left:26px;

}

#content-frise {
width:450px;
height:auto;
float:right;

}

#pressegauche {
height:auto;
width:630px;
float:left;
}

#pressegauche ul li {
list-style-image:url(img/acrobat.png);
line-height:17px;

}


p.centered {
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
text-align:center;


}

span.centered {
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
text-align:center;
text-decoration:none;
border-bottom:none;

}

.centered {
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
}

img.decal {
padding-right:20px;

}

span.decal {
padding-right:50px;
}

.lienprod {
text-align:right;
color:#a52825;
font-weight:bold;
text-decoration:none;
}




.date {
color:black;
font-family:Tahoma,sans-serif;
font-size:15px;
padding-left:10px;
text-align:justify;
display:inline;
border-left:3px solid #CC0000;
}



.datepresse {
color:black;
font-family:Tahoma,sans-serif;
font-size:18px;
padding-left:20px;
text-align:justify;
display:inline;

}

.lienfooter a {
text-align:right;
font-weight:bold;
color:#BE1414;


}



/* ---------------------------- CSS  SCRIPT ACTU ------------------------- */
.handcursor{
cursor:hand;
cursor:pointer;

}

.imanews {
float:left;
}

.imgdroit {
float:right;
}


/* ------------------------------ FOOTER --------------------------------- */
#footer {
background:url(img/bg-footer.gif) no-repeat;
width:905px;
height:150px;
margin-top:50px;
margin-bottom:20px;


}

#footer img {
padding-left:40px;
padding-top:26px;
}


#footercontent {
width:740px;
height:120px;
float:left;
margin-top:40px;
}

#footerlogo {
float:left;
width:150px;
height:120px;
margin-top:30px;

}

#footercontent p {
color:black;
margin-left:-10px;
margin-bottom:5px;
line-height:15px;
padding-top:10px;
margin-top:-5px;


}

.bold {
font-weight:bold;
color:white;
}

#footercontent a {
color:black;
text-decoration:none;

}

#footercontent a:hover {
border-bottom:dotted 1px #FC9E12; 

}

#footercontent span {
font-weight:bold;

}


#footercontent hr {
width:100%;
color:#CCCCCC;
border:1px solid #cccccc;
clear:both;
}