@charset "UTF-8";
/* CSS Document */


/* Remise à zéro ------------------------------------------------ */

* { margin:0;padding:0; }

/* Générique ---------------------------------------------------- */

body {
background-image:url(../images/bg.gif);
background-repeat:repeat-x;
background-color:#424242;
height: auto;
min-height:100%;
}

#wrapper {
margin:0 auto;
height:auto;
min-height:100%;
width:860px;
}

html, body, #wrapper {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 47px;}

img { border:none; }

/* Textes ---------------------------------------------------- */

h1 {
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
color: #000000;
text-transform:uppercase;
}

h2 {
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight:normal;
color: #000000;
}

h3 {
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight:bold;
color: #000000;
text-transform:uppercase;
}

p {
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight:normal;
color: #a8a8a8;
line-height:24px;
}

a:link      { color:#a8a8a8; text-decoration:none; } 
a:visited   { color:#a8a8a8; text-decoration:none; }
a:hover     { color:#cfe70d; text-decoration:none; }
a:active    { color:#a8a8a8; text-decoration:none; }
 

.petit {
font-family:Tahoma, Helvetica, Arial, sans-serif;
font-size:10px;
font-weight:normal;
color:#a8a8a8;
line-height:15px;
}

.petit a:link       { color:#a8a8a8; text-decoration:none; } 
.petit a:visited    { color:#a8a8a8; text-decoration:none; } 
.petit a:hover      { color:#cfe70d; text-decoration:underline; }
.petit a:active     { color:#a8a8a8; text-decoration:none; }

.menu {
font-family:Tahoma, Helvetica, Arial, sans-serif;
font-size:16px;
font-weight:normal;
line-height:24px;
}

.menu a:link       { color:#a8a8a8; text-decoration:none; } 
.menu a:visited    { color:#a8a8a8; text-decoration:none; } 
.menu a:hover      { color:#cfe70d; text-decoration:none; }
.menu a:active     { color:#a8a8a8; text-decoration:none; }


.sous-menu {
font-family:Tahoma, Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:normal;
line-height:22px;
text-decoration:none;
}

.sous-menu a:link       { color:#a3a2a2; text-decoration:none; }
.sous-menu a:visited    { color:#a8a8a8; text-decoration:none; }  
.sous-menu a:hover      { color:#cfe70d; text-decoration:none; }
.sous-menu a:active     { color:#a8a8a8; text-decoration:none; }

.selected  a:link   	{ color:#cfe70d; text-decoration:none; }
.highlight   			{ color:#cfe70d;}


/* Accueil ---------------------------------------------------- */

#header { 
width: 860px;
height: 146px;
background-image:url(../images/header.jpg);
}

#langue { 
width: 835px;
height: 25px;
margin-top:23px;
margin-right:25px;
text-align:right;
float: right;
}

#menu { 
width: 835px;
height: 25px;
margin-top:50px;
margin-right:25px;
text-align:right;
float: right;
z-index:100;
}

#espace_flash { 
width: 860px;
height: 399px;
z-index:-1;
}

#accueil_intro { 
width: 348px;
height: 196px;
margin-top: 23px;
margin-left: 82px;
float:left;
}

#accueil_titre { 
width: 341px;
height: 37px;
padding-top: 4px;
padding-left: 7px;
background-color:#cfe70d;
}

#accueil_texte { 
width: 341px;
height: 151px;
padding-top: 5px;
padding-left: 7px;
}

#espace_slogan { 
width: 430px;
height: 196px;
margin-top: 23px;
float:left;
}

/* Sticky footer ---------------------------------------------------- */

#footer { 
position: relative;
height: 47px;
margin-top: -47px;
clear:both;
text-align:center;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Pages intérieures ---------------------------------------------------- */

#sous-menu { 
width: 177px;
height: 240px;
float: left;
text-align:right;
}

#espace_photo { 
width: 638px;
height: 240px;
float: left;
margin-left: 26px;
}

#espace_texte { 
width: 638px;
float: left;
margin-top: 36px;
margin-left:202px;
}

#titre { 
width: 347px;
height: 36px;
float: left;
padding-top:7px;
padding-left:7px;
background-color:#cfe70d;
}

#texte { 
width: 631px;
padding-top:4px;
padding-left:7px;
margin-top:15px;
float:left;
text-align:justify;
}

#lang {
margin-left:400px;
margin-top:2px;
}