/*
 * Feuille de style
 * 
 *
 */
 
body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	background-image: url(../images/motif_pour_fond.png);
	background-repeat: repeat;
	margin: 0;
	padding: 0;	
}

a > img {
	border: 0;
}

/*
 * Structure de la page
 */
 
 
#conteneur { 
	width:860px;
	margin:0 auto;
	padding: 0;
	/*background-color: red;*/
}

#haut {
	width: 860px;
	height: 70px;
	/*margin-top: 30px;*/
	background-image: url(../images/cadre_1_haut.png);
	background-position: top;
	background-repeat: no-repeat;
}

#entete {
	width: 860px;
	height: 259px;
	background-image: url(../images/cadre_2_entete.png);
	background-position: top;
	background-repeat: no-repeat;
}

#conteneur_corps {
	width: 860px; /* 860 - 38 - 38 - (2*20) px */
	height: auto;
	/*height: 1000px;*/
	padding: 0;
	margin: 0;
	/*background-color: red;*/
	background-image: url(../images/cadre_3_contenu.png);
	background-position: top;
	background-repeat: repeat-y;
}
#vague {
	width: 66px;
	background-image: url(../images/vague.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left:38px;
	padding: 0;
}
#corps {
	/*width: 744px;*/ /* 860 - 38 - 38 - (2*20) px */
	width: 560px;
	padding: 0;
	margin: 0;
	padding-top: 20px;
	padding-left: 111px;/*150px;*/ /*58px;*/
	padding-bottom: 50px;
	/*background-color:green;*/
}
#corps.large {
	width: 744px; /* 860 - 38 - 38 - (2*20) px */
	padding-top: 20px;
	padding-left: 50px;
	padding-bottom: 50px;
}


#pied {
	width: 860px;
	height: 119px;
	background-image: url(../images/cadre_4_pied.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0;
	margin-bottom: 20px;
}


#logo_boule {
	float: left;
	padding-left: 38px;
}
#logo_texte {
	float: left;
	height: 256px;
	/*background-color: green;*/
}

ul#menu_navigation {
	list-style-type: none;
	width: 100%;
	padding: 0;
	margin:0;
}
ul#menu_navigation li {
	display: block;
	list-style-type: none;
	float: left;
	text-align: center;
	margin: 0;
	height: 34px;
	border-right: 1px solid #bbbbbb;
	margin-top: 2px;
	/*border: solid 1px black;*/
}

ul#menu_navigation li.un {
	width: 70px;
	margin-left: 12px;
	border-left: 1px solid #bbbbbb;
/*	border-left: 1px solid #666666; */
}
ul#menu_navigation li.deux {
	width: 130px;
}
ul#menu_navigation li.trois {
	width: 80px;
}
ul#menu_navigation li.quatre {
	width: 120px;
}
ul#menu_navigation li.cinq {
	width: 110px;
}
ul#menu_navigation li.six {
	width: 50px;
}
ul#menu_navigation li.sept {
	width: 60px;
}

ul#menu_navigation li.fin {
	width: 70px;
}
ul#menu_navigation li a {
	display: block;
	width: 100%;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	/*font-weight: bold;*/
	padding-top: 10px;
	width: 100%;
    height: 35px;
    color: #eeeeee;
    text-align: center;
    letter-spacing: 0;
	/*background-color: green;*/
}


ul#menu_navigation li.current a {
	font-weight: bold;
	color: #ffffff;
}
ul#menu_navigation li a:hover {
	color: #ffffff;
}

ul#menu_navigation li.quatre a, ul#menu_navigation li.six a {
	/*padding-top: 3px;*/
}
/*
table#conteneur_menu {
	width: 540px;
	height: 102px;
}
*/

div#conteneur_menu {
	text-align: center;
	width: 744px;
	padding-left: 88px;
	padding-top: 20px;
	/*background-color: red;*/
}

div#corps h1, div#center_column h1 {
	color: #e42018; /*#e12c04;*/
	font-size: 22px;
	font-weight: bold;
	margin:0;
	text-align: center;
}

div#corps h1 {
	width: 560px;
	padding-left:0px;
	padding-top: 20px;
	padding-bottom: 10px;
}
div#corps.large h1 {
	width: 744px;
	padding-left:0px;
	padding-top: 20px;
	padding-bottom: 10px;
}
div#corps h2, div#center_column h2 {
	color: #330000;
	border-bottom: 1px solid #999999;
	font-size: 14px;
}

div#corps h2 {
	padding-top: 20px;
	/*	background-image: url(../images/fond_titre_h2.png);
	background-repeat:no-repeat;
	background-position:right;*/
}


div#corps.accueil h2 {
	padding: 10px;
	width: 100%;
        background-color: #999;
        color: #fff;
        text-transform: uppercase;
}



div#corps h3 {
	font-size: 12px;
}

div#corps p {
	text-align: justify;
}
div#contenu_pied {
	/*position: relative;*/
	width:744px; /* 860 - 38 - 38 - (2*20) px */
	/*padding-left:38px;*/
	/*padding-right: 58px;*/
	/*background-color: green;*/
	/*margin: 20px 0 0 0px;*/
	padding-top: 10px;
	padding-left: 58px;
	/*padding: 0;*/
	float: left;
	clear: both;
}
div#contenu_pied p {
	text-align: center;
	font-size: 11px;
	color: #666666;
}
div#contenu_pied p a {
	color: #666666;
}
#corps li {
	list-style-type: none;
}
#corps strong, #corps a {
	color: #e42018; /*#660000;*/
}
#corps label {
	display: block;
	width: 150px;
	position:relative;
	float: left;
	/*clear:none;*/
	font-weight: bold;
	color: #660000;
	text-align: right;
	padding-right: 20px;
}

#corps input, #corps select, #corps textarea {
	border: none;
	background-color: #bbbbbb; /*#e12c04;*/
	color: #000000;
	font-weight: bold;
	width: 161px;
	height: 19px;
	margin:0;
	padding: 2px 0 0 0;	
	position:relative;
	float: left;
}
#corps select {
	height: 21px;
}
#corps input {
	width: 150px;
}
#corps select {
	width: 180px;
}
#corps textarea {
	width: 370px;
	height: 100px;
}
#corps input.grand {
	width: 261px;
}

#conteneur_formulaire_contact {
	height: 350px;
}
#conteneur_formulaire_rma {
	height: 750px;
}

#corps input[type=submit]#bouton_envoyer, #corps input[type=submit]#bouton_login {
	width:240px;
	height:40px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	border: none;
	background-color: #ffffff;
	background-repeat: no-repeat;
	cursor: pointer;
}
#corps input[type=submit]#bouton_envoyer {
	padding-left: 60px;
	background-image: url(../images/bouton_envoyer.png);
}
#corps input[type=submit]#bouton_login {
	padding-left: 50px;
	background-image: url(../images/bouton_login.png);
}

.champ_saisie_gauche {
	width: 11px;
	height: 33px;
	position:relative;
	float: left;
	background-image: url('../images/champ_saisie_gauche.gif');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.champ_saisie_droite {
	width: 11px;
	height: 33px;
	position:relative;
	float: left;
	background-image: url('../images/champ_saisie_droite.gif');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.conteneur_ligne {
	position:relative;
	float:left;
	width: 100%;
	/*background-color:yellow;*/
}

/*
.conteneur_champ {
	position:relative;
	float:left;
	width: 200px;
	background-color:green;
	clear:none;
}
*/

#corps span.coords {
	/*display: block;
	float: left;
	width: 100px;*/
}
#coords p {
	display:block;
	padding: 5px 0 0 0;
	margin: 0 0 0 40px;
}
#coords h3 {
	display:block;
	padding: 15px 0 0 0;
	margin: 0;
}

#solutions td a {
	text-decoration: none;
	font-weight: bold;
	font-size:28px;
	display: block;
	width: 100%;
	padding-top: 20px;
	margin:0;
        text-indent: -9999px;
}
/*
#solutions td a:hover {
	color: #e42018;
}
*/

/*
td#solution_securite {
	background-image:url(../images/solution_securite.png);
	background-repeat:no-repeat;
}
td#solution_badges {
	background-image:url(../images/solution_badges.png);
	background-repeat:no-repeat;
}
td#solution_vide {
	background-image:url(../images/solution_vide.png);
	background-repeat:no-repeat;
}
td#solution_pointsdevente {
	background-image:url(../images/solution_pointsdevente.png);
	background-repeat:no-repeat;
}
*/
/* CSS Sprites */
td#solution_securite {
	background-image:url(../images/solutions_CssSprites.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
td#solution_badges {
	background-image:url(../images/solutions_CssSprites.jpg);
	background-position: -363px 0px;
	background-repeat:no-repeat;
}
td#solution_vide {
	background-image:url(../images/solutions_CssSprites.jpg);
	background-position: 0px -248px;
	background-repeat:no-repeat;
}
td#solution_pointsdevente {
	background-image:url(../images/solutions_CssSprites.jpg);
	background-position: -363px -248px;
	background-repeat:no-repeat;
}

/* -------- */

td#solution_securite > a, td#solution_badges > a {
	height:228px;
}
td#solution_pointsdevente > a, td#solution_vide > a {
	height:247px;
}
td#solution_pointsdevente > a {
	padding-left: 40px;
}

div.espace {
	clear:both;
	height: 20px;
}


#haut_de_page {
	position: fixed;
	width:780px;
	text-align:right;
	/*background-color:green;*/
}
#haut_de_page a {
	font-size: 11px;
	color: #660000;
}

ul#plan_du_site > li > a {
	display: block;
	padding-top:20px;
}

#message_info {
	padding-bottom:15px;
	color: #ff0000;
	font-weight: bold;
}

#logos_partenaires {
	width: 100%;
	text-align: center;
	padding-top: 20px;
	/*background-color: green;*/
	padding-left: 10px;
}
#logos_partenaires img.col1 {
	padding-right: 40px;
}


/* Bandeau des pictos dans la bannière d'entete */
.bandeau_pictos {
    width:520px;
    padding: 0;
    margin: 33px 0 0 10px;
    height: 80px;
    /*margin:0px auto;*/
} /* not important */

.bandeau_pictos ul {
    list-style-type: none; /* remove the default style for list items (the circles) */
    margin:0; /* remove default margin */
    padding:0; /* 0 0 10px;*/ /* remove default padding */
}
.bandeau_pictos ul li {
    float:left; /* important: left float */
    position:relative; /* so we can use top and left positioning */
    overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
    margin-right: 50px;
}

.bandeau_pictos ul li a img {
    width:80px; /* not important, the pics we use here are too big */
    position:relative; /* so we can use top and left positioning */
    border:none; /* remove the default blue border */

}
.clear { clear:both; }

.soustitres_pictos {
    width:520px;
    margin:0;
    padding: 0 0 0 10px;
   height: 20px;
} /* not important */

.soustitres_pictos ul {
    list-style-type: none; /* remove the default style for list items (the circles) */
    margin:0; /* remove default margin */
    padding:0; /* remove default padding */
}
.soustitres_pictos ul li {
    float:left; /* important: left float */
    position:relative; /* so we can use top and left positioning */
    overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
 /*   width: 120px;*/
}

.soustitres_pictos ul li a img {
    /*width:120px; */
    position:relative; /* so we can use top and left positioning */
    border:none; /* remove the default blue border */
}

/* Page d'accueil */
#corps.accueil p {
    display: block;
    width: 100%;
    text-align: justify;
}


/* Page Partenaires */
div.partenaire_soustitre {
    color: #777;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 20px 10px 20px;
}
div.partenaire_description {
    padding: 0 90px 30px 20px;
}
div#corps.large div.partenaire_description p {
    padding: 0;
    margin: 0;
}
div#corps.large div.partenaire_description p strong {
    color: #000;
}