/*------------------------*/
/*      Site Magellan     */
/*------------------------*/

/*##################################################################*/

/* structure :                     
	body                     
		.top 
			.header
				#menu
		.global
			.content                  
				.content_gauche:               
					.en_tete                   
					.maintexte 
						.part                 
					.pied                      
				.content_droite:
			.footer               
*/

/*##################################################################*/

/*-------------------*/
/*      Générale     */
/*-------------------*/

body
{
	background-image: url("images/fond.png");
	margin: auto;
	margin-top: 10px;
	margin-bottom:10px;
	font-family: verdana, Arial, serif;
	font-size: 14px;
}

.top /* fond blanc permanent derrière la bannière */
{
	background-color:#FFFFFF;
	border-bottom: 1px #E8E8E8 solid;
	border-top: 1px #E8E8E8 solid;
	width: 100%;
	height: 170px;
}

.header /* bannière, taille fixe */
{	
	/*background-image: url("images/banner.png");
	background-repeat:no-repeat;
	background-position: left;*/
	width: 990px; /*= global*/
	height: 90px;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 15px;
	margin-right: 80 px;
	text-align: right;
	padding-top: 45px;

}

.header img
{
	float: left;
	margin-top: -35px;
	border: none;
}

.global /* encapsuleur général */
{
	width: 990px; /* =header*/
	margin: 0 auto;	
}

.content /*contenu de chaque pages */
{
	width: 100%;
}

.footer /* pied de page*/
{
	width: 100%;
	height: 50px;
	padding-top: 5px;
	text-align: center;
	font-family: verdana, arial, serif;	
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
	border-bottom: 1px #E8E8E8 solid;
	border-top: 1px #E8E8E8 solid;
	color: #CBC801;
	position: relative;
	clear: left;
}

/*-------------------*/
/*  Config. Générale */
/*-------------------*/

.langue
{
	text-align: center;
	padding: 20px;
}

h1
{
	color: #CBC801;
	font-weight: bold;
	font-size: 20px;
	text-align: left;		
}

h2
{
	color: #A2C527;
	font-weight: bold;
	font-size: 18px;
	text-indent: 50px;		
}

h3
{
	color: #A2C527;
	font-size: 14px;
}

a
{
	color: #769B28;
	font-size: 14px;
	text-decoration: none;	
}

a:hover
{
	text-decoration: none;
	color: #CBC801;/*#a2c527*/
}

.centered
{
    text-align: center;   
}

/*-------------------*/
/*       Menu        */
/*-------------------*/

/* (inclus dans Header) */

/* Niveau 1 */
ul#menu li
{
	display: block;
	list-style-type: none;
	float: right;
	text-align: center;
	margin-left: 10px;
}

ul#menu li a
{
	display: block;
	color: #CBC801;
	font-size: 17px;
}

ul#menu li a:hover
{
	text-decoration: none;
	border: none;
	color: #CDAB02;
}

/* Niveau 2 */


ul#menu_niveau2
{
	display: none;
	position: absolute;
}

ul#menu_niveau2 li
{
	float: none;
	text-align: left;
	position: relative;
	left: -40px;
	background-color: #FFFFFF;
	padding-left: 3px;
	border-left: 2px solid #B6D144;
}

ul#menu_niveau2 li a
{
	color: #CBC801;
	font-size: 14px;
}

ul#menu_niveau2 li a:hover
{
	color: #CDAB02;
}

li:hover ul#menu_niveau2
{
	display: block;
}


/*-------------------*/
/*      Contenu      */
/*-------------------*/

/* structure :                     */
/*   Content_gauche:               */
/*     En tête                     */
/*     Maintexte                   */
/*	      part                     */
/*     Pied                        */
/*   Content_droite:               */

.content_gauche
{
	width: 60%;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 5px;
	float: left;
}

.en_tete /* Texte d'intro au contenu suivant */
{
	margin: auto;
	text-align: justify;
	margin-bottom: 15px;
}


.en_tete img
{
	float: left;
	margin-right: 15px;
	margin-left: -3px;
	margin-top: 3px;
	border: none;
}

.en_tete p
{
	border-left: 5px solid #DADADA;
	color: #878787;
	padding-left: 8px;
	display: block;
}

/*cas des pages avec vignettes */
.en_tete_vign
{
    margin: auto;
	text-align: justify;
	margin-bottom: 15px;   
}

.en_tete_vign img
{
	float: left;
	margin-right: 15px;
	margin-left: -3px;
	margin-top: 3px;
	border: none;
}

.en_tete_vign p
{
	color: #878787;
	padding-left: 8px;
	display: block;
}

/**/

.maintexte /* Texte */
{
	margin: auto;
	text-align: justify;
	padding-bottom: 20px;
	margin-top: 30px;
}
.part
{
	display: block;
	float: left;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;

}

.part div
{
	position: relative;
	margin-left: 140px;
	z-index: 1;
	margin-top: -10px;
}

.part img
{
	display: block;
	float: left;
	border: none;
	z-index: 10;
}

.part a
{
	text-decoration: none;
	color: #FFFFFF;
	border: none;
	z-index: 20;
	float: left;
}

.part a:hover img
{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	-khtml-opacity: 0.8;
	border: none;
	z-index: 30;
}

.pied /* message "marketing" */
{
	text-align: center;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 20px;

}

.pied a
{
	font-size: 18px;	
}

.content_droite /* illustration, images à régler dans "gauche.php" */
{
	width: 35%;
	height: 100%;
	float: right;
	text-align: center;
	margin-top: 5px;
	background: none;
}

.image img
{
    border: none;
}

.content_droite .doc
{
	margin-top: 50px;
	text-align: center;
}


/*-------------------*/
/*       Actu        */
/*-------------------*/

#blog 
{
	color: #CBC801;
	font-weight: none;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
}
/*------------------------------*/
/*     Formulaire de contact    */
/*------------------------------*/

.form_message
{
	text-align: center;
	margin-bottom: 5px;
	color: #A2C527;
}

.form_message_error
{
	text-align: center;
	margin-bottom: 10px;
	color: #DF693A;
}

.maintexte input
{
	margin-top: 5px;
	margin-left: 20px;
	display: block;
}

.maintexte textarea
{
	margin-top: 5px;
	margin-left: 20px;
	display: block;
}

.maintexte #copie
{
	margin-top: 5px;
	margin-left: 20px;
	display: inline;
}

.button
{
	float: right;	
}

legend
{
	color: #CBC801;
}

/*------------------------------*/
/*           Solutions          */
/*------------------------------*/

.vign_gamme
{
	display: block;
	float: left;
	margin-left: 15px;
	margin-bottom: 40px;
}

.vign_gamme a
{
	display: block;
	float: left;
}

.vign_gamme .liste
{
    text-align: left;
    margin-left: 5px;
    float: left; 
}

.vign_gamme img
{
	display: block;
	float: left;
	border: none;
	z-index: 10;
}

.vign_gamme:hover
{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	-khtml-opacity: 0.8;
}