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

			/****************************
			*****************************
			** Template POSITIONNEMENT **
			*****************************
			*****************************/

/*******************************
Bloc principal contenant le site
********************************/
.divprinc{
background-color:#3399BB; 
border:1px solid; 
position:relative;
/*
left:50%; 
top:50%;*/ 
/*margin-left:-500px; 
margin-top:-350px;*/
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
width:990px; 
height:800px; 
overflow:visible;
text-align:center;
z-index:0;
}

/********************
Bloc en haut à gauche
*********************/
#divlogo{
position:absolute; 
top:0; 
left:0; 
width:25%; 
height:25%;
}

/*.divhautgauche div {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}*/

/********
Bloc Logo
*********/
/*.logo{
position:absolute; 
top:0; 
left:5%;
width:30%;
height:auto;
}*/

/********
Bloc Menu
*********/
.menu{
position:absolute; 
top:35%; 
width:auto; 
height:auto; 
left:0; 
margin-left:5%; 
text-align:left;
z-index:1;
}

/*******************
Bloc en bas à gauche
********************/
.divbasgauche{
position:absolute; 
bottom:0; 
left:0; 
width:40%; 
height:12%;
}

.divbasgauche div {
position:absolute;
top:2em;
left:0;
width:100%;
height:2em;
color:#FFF;
}


			/***********************************
			************************************
			** Fin du Template positionnement **
			************************************
			************************************/

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


			/*****************
			******************
			** Bloc Accueil **
			******************
			******************/



/************************
Voir IE.css et not-IE.css
*************************/

			/************************
			*************************
			** Fin du bloc Accueil **
			*************************
			*************************/

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

			/**********************
			***********************
			** Bloc Présentation **
			***********************
			***********************/


/*************************
Sous-bloc en haut à gauche
**************************/
#presentation .divhautgauche {
position:relative;
left:0;
top:0;
width:40%;
height:150px;
}

#presentation .divhautgauche img {
position:relative;
top:10px;
left:10px;
bottom:10px;
}

/*************************
Sous-bloc en haut à droite
**************************/
#presentation .divhautdroite {
position:absolute;
right:0;
top:0;
width:59%;
color:#FFF;
}

/************************
Sous-bloc en bas à gauche
*************************/
#presentation .divbasgauche {
position:relative;
left:0;
top:0;
width:100%;
height:325px;
margin-bottom:5%;
margin-left:10%;
}

/************************
Sous-bloc en bas à droite
*************************/
#presentation .divbasdroite {
position:absolute;
right:0;
bottom:0;
width:40%;
margin-bottom:6%;
margin-left:5%;
font-size:0.8em;
color:#FFF;
}
			/*****************************
			******************************
			** Fin du bloc Présentation **
			******************************
			******************************/

/***************************************************************************************************************************************/
			
			/******************
			*******************
			** Bloc PRODUITS **
			*******************
			*******************/


/******************
Sous-bloc supérieur
*******************/
#produits .divsup {
position:relative;
top:0;
width:100%;
height:auto;
color:#FFF;
}

/******************
Sous-bloc du milieu
*******************/
#produits .divmiddle {
position:relative;
top:0;
width:100%;
height:36%;
color:#FFF;
}

#produits .divmiddle .divgauche {
float:left;
width:30%;
}

#produits .divmiddle .divgauche img {
position:relative;
top:0;
left:5px;
bottom:5px;
width:95%;
}

#produits .divmiddle .divdroite {
float:right;
width:69%;
}

/******************
Sous-bloc inférieur
*******************/
#produits .divinf {
position:top;
top:0;
top:83%;
width:100%;
height:auto;
font-size:1.3em;
}

#produits .divinf .liensgauche {
float:left;
width:47%;
margin-left:10px;
}

#produits .divinf .liensdroit {
float:right;
width:47%;
margin-top:0;
}

			/*************************
			**************************
			** Fin du bloc Produits **
			**************************
			**************************/
			
/***************************************************************************************************************************************/

			/*********************
			**********************
			** Bloc RECRUTEMENT **
			**********************
			**********************/

#recrutement,#galerie,#accueil,#contact,#produits,#presentation,#accueil{
position:absolute;
top:20%;
right:0;
width:60%;
height:67%;
text-align:left;
z-index:3;
color:#FFF;
}

#recrutement div{
color:#FFF;
}


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

			/*****************
			******************
			** Bloc GALERIE **
			******************
			******************/
			


#galerie .divdessinateur {
position:relative;
top:0;
left:0;
width:100%;
height:25%;
margin-top:15px;
margin-bottom:5px;
}

#galerie .divdessinateur img {
margin-right:10px;
border: solid 5px black;
}


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

			/*****************
			******************
			** Bloc CONTACT **
			******************
			******************/

/****************
Sous-bloc en haut
*****************/
#contact .sousblocsup{
position:relative;
top:0;
width:100%;
height:30%;
z-index:inherit;
}

#contact .sousblocsup .divgauche {
float:left;
width:30%;
}

#contact .sousblocsup .divgauche img {
position:relative;
top:0;
left:2%;
bottom:2%;
}

#contact .sousblocsup .divdroite {
float:right;
width:69%;
color:#FFF;
}

/***************
Sous-bloc en bas
****************/
#contact .sousblocinf {
position:relative;
top:0;
width:100%;
height:69%;
margin-top:-10px;
z-index:inherit;
}

/*****************************
Sous-sous bloc en bas à gauche
******************************/
#contact .sousblocinf .divgauche {
float:left;
width:50%;
border-right:solid 2px black;
margin-left:5px;
margin-bottom:5px;
padding-right:10px;
}

#contact .sousblocinf .divgauche img {
position:relative;
top:0;
width:90%;
}

/*****************************
Sous-sous bloc en bas à droite
******************************/
#contact .sousblocinf .divdroite {
float:right;
width:40%;
}

#contact .sousblocinf .divdroite #formulaire .inputname {
size:60em;
maxlenght:40em;
}

#contact .sousblocinf .divdroite #formulaire .inputmail {
size:60em;
maxlenght:50em;
}

			/************************
			*************************
			** Fin du bloc Contact **
			*************************
			*************************/
			
/***************************************************************************************************************************************/

			/*******************
			********************
			** Template STYLE **
			********************
			********************/

body,td,div,li{
font-family:arial;
font-size:1em;
}

h1{
margin-top:0;
margin-bottom:5px;
color:#FFF;
}

p{
color:#FFF;
}

hr{
color:white;
border-color:#000;
background-color:#000;
border:0;
height:2px;
margin-bottom:1px;
}

a:link{color:white;}
a:visited{color:white;}
a:hover{color:red;
			margin-left:5px;
			font-weight:bold;}
a:active{color:white;}

#produits a:link{color:white;}
#produits a:visited{color:white;}
#produits a:hover{color:red;}
#produits a:active{color:red;}


/************
Liste du menu
*************/
.menu li{
list-style-image:url(puce.gif);
margin-bottom:40px;
}
.menu li:hover{
padding-left:10px;
}
.menu a:link{color:white;}
.menu a:visited{color:white;}
.menu a:hover{color:red;}
.menu a:active{color:red;}

/*****************
Liens divbasgauche
******************/
.divbasgauche a:link{color:#CCC;}
.divbasgauche a:visited{color:#CCC;}
.divbasgauche a:hover{color:white;}
.divbasgauche a:active{color:white;}

/***********************
Liens d'offres d'emplois
************************/
.offre:link{color:white;}
.offre:visited{color:white;}
.offre:hover{color:red;}
.offre:active{color:white;}

			/**************************
			***************************
			** Fin du Template style **
			***************************
			***************************/

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

			/******************************
			*******************************
			** Template FOND TRANSPARENT **
			*******************************
			*******************************/

/******************
Transparence: image
*******************/
.imagetrans{
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
z-index:10000;
width:100%;
height:100%;
}
/****************
Transparence: div
*****************/
.fondtrans{
position:fixed;
top:0;
left:0;
width:200%;
height:200%;
z-index:100;
overflow:hidden;
/*background-color:#304084;*/
}

/**********
Normal: div
***********/
.fondnorm{
visibility:hidden;
width:1;
height:1;
position:absolute;
top:0;
left:0;
}

			/**************************
			***************************
			** Fin du Fond transparent **
			***************************
			***************************/