/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


/* Eléments HTML en général
-------------------------------------------------------- */
@import url(style_editeur.css);

body {
	padding: 0;
	margin: 0;
	font-family:Verdana, Arial, sans-serif;
	text-align: center;
	background-color: #0094dc;
	color:#515053;
	font-size:12px;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color:#0d66ab;
}

h1{
	font-size: 28px;
}

h2{
	font-size: 24px;
	margin:0 0 20px 0;
}

h3{
	font-size: 20px;
	margin:0 0 10px 0;
}

h4{
	font-size: 15px;
	margin:0 0 10px 0;
}

h5{
	font-size: 12px;
	margin:0;
	clear:both;
}

a, a:visited {
	color: #00529a;
	text-decoration: none;
}
 a:hover  {
	color: #00529a;
	text-decoration: underline;
}

img {
	border: 0
}

.hide {
	display:none;
}

/* Page
-------------------------------------------------------- */

#wrapper {
	width: 990px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 20px auto 0 auto;
	padding: 0;
}
#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 990px;
	background-color: #FFFFFF;
	border-left:solid 1px #a9abad;
	border-right:solid 1px #a9abad;
	border-bottom:solid 1px #a9abad;
}

#contenu {
	float: right;
	width:950px;
	padding: 0 20px;
	margin: 0px 0px 20px 0px;
	border:0px solid #CCC;
}
 
#contenuPageRubrique {
	float: left;
	width:730px;
	padding: 0 0 0 20px;
	margin: 25px 20px;
}
.retourHaut {
	display:block;
	width:700px;
	height:30px;
	text-align:right;
	margin:0px 0 -10px 0;
}
.retourHaut a {
	text-align:right;
}
/************** COPYRIGHT **************************/
.copyright a {
	Color:#0C67AC;
}
.copyright {
	float:left;
	margin: 0;
	padding:20px 10px;
	width:970px;
	text-align:center;
	background-color:#fff;
	color:#0C67AC;
}
.copyright h4 {
	margin:32px 0 0 0;
	float:left;
}
/* Entête
-------------------------------------------------------- */

#top {
	float: left;
	width: 980px;
	background-color:#fff;
	margin: 30px 0 0 0px;
	padding: 0 0 0px 10px;
	color: #FFFFFF;
	z-index:1000;
	border-top:20px solid #ef9f2a;
}

#top img {
	margin:-26px 0 10px 5px;
	padding:0 0 10px 0px;
	-moz-box-shadow: 2px 7px 12px #ebebeb;  
	-webkit-box-shadow:2px 7px  12px #ebebeb;  
	box-shadow:2px 7px 12px #ebebeb;
}
#top h1 {
	float: left;
	padding:0 0 0 0px;
	width: 200px;
	display:block;
}

#top h2 {
	color:#0d66ab;
	margin:0;
	font-weight:normal;
	word-spacing:1px;
	font-size:22px;
	letter-spacing:0.6px;
}
#top h3 {
	color:#0d66ab;
	font-size:20px;
	margin:0 0 5px 0;
	font-weight:normal;
	letter-spacing:0.2px;
	word-spacing:0px;
	text-align: center;
}
#top a, #top a:visited  {
	color: #58c0e9;
	text-decoration: none;
}
#top a:hover {
	color: #58c0e9;
	text-decoration: none;
}
.topIntro {
	float:right;
	padding:0 0 0 10px;
	width:710px;
	height:310px
}
#top .topIntro hr {
	color:#dfdfdf;
	background-color: #dfdfdf;
	height: 2px;
	border: 0;
	margin-right:10px;
}
#top .topIntro img {
	margin:15px 0 0 0;
	padding-right:5px;
	-moz-box-shadow: 0px 0px 0px #ebebeb;  
	-webkit-box-shadow:0px 0px 0px  #ebebeb;  
	box-shadow:0px 0px 0px  #ebebeb;
}
.gire {
	float:left;
	width:690px;
	color:#606060;
	text-align:left;
	font-size:12px;
	margin-top:-30px;
}
/******************* DIAPORAMA ****************/
#fonddiapo {
	float:right;
	padding: 0 0 0 0px;
	text-align:center;
	margin: 5px 10px 10px 0px;
	overflow:hidden;
}
#fonddiapo li {
	float:left;
	list-style:none;
}
.proverbe {
	width:690px;
	color:#606060;
	text-align:left;
	font-family: 'Calligraffitti',sans-serif;
	font-size:24px;
}
.titreProverbe {
	color:#606060;
}
/******************* MENU ****************/
#menu{
	float: right;
	position:relative;
	width: 690px;
	margin: -40px 10px 50px 5px;
	height: 30px;
}

/* début menu déroulant */

#blocsousmenu, #blocsousmenu ul /* Liste */  {     
	padding : 0px; 
	margin : 0px; 
	list-style : none; 
	line-height : 30px; 
	text-align : center; 
	z-index: 9000;	
}

#blocsousmenu /* Ensemble du menu */ {
	position : relative;
		top : 0;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 14px;
	color:#0C67AC;
}

#blocsousmenu a  /* Contenu des listes */ {
	display : block ; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0px 10px 0px 10px ; 
	width:110px ;        
	color : #0C67AC; 
	font-weight:bold;
	text-decoration : none; 
	/*width : 100px;  on ne veut pas une largeur prédéfinie, donc on joue sur le padding */
}
#blocsousmenu a.selection{ /* pour que ça marche il faut mettre a.selection */
	width:110px ;        
	color: #0C67AC; 
	background-image:url(/img/degradeOrange.jpg);
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
#blocsousmenu a:hover, #blocsousmenu a:visited {
	width:110px ;        
	color: #0C67AC; 
	background-image:url(/img/degradeOrange.jpg);
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}

#blocsousmenu li /* Elements des listes */  { 
	float : left;
	padding: 0 0px 0 0px;
	margin: 0 5px 0 0;
	background-image:url(/img/degradeBleu.jpg);
	color: #fff;
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}

#blocsousmenu li ul /* Sous-listes */ { 
	position: absolute;
	padding: 0px 0px 0 5px;
	width: 220px; 
	background-color:#BBACAC;
	left: -999em; /* Hop, on envoie loin du champ de vision */
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}

#blocsousmenu li ul li a/* Éléments de sous-listes */ {
    width: 220px; /* Largeur des sous-listes */
    text-align:left;
    font-size:12px;
}
#blocsousmenu li ul li a:hover/* Éléments de sous-listes */ {
	color: #BBACAC; 
	background-color:#fff;
	padding-left:2px;
	width:100px;
    font-size:12px;
}

#blocsousmenu li ul ul {
	margin    : 80px 0 0 0px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
}

#blocsousmenu li:hover ul ul, #blocsousmenu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
    left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#blocsousmenu li:hover ul, #blocsousmenu li li:hover ul, #blocsousmenu li.sfhover ul, #blocsousmenu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}

/* Dossiers
-------------------------------------------------------- */

#dossier {
	margin:0;
	padding:0;
}

#dossier .image {
	margin:10px 10px 10px 0;
	padding:1px;
	border:solid 1px #bbbdbf;
	float:left;
}
/**************** MENTIONS LEGALES *****************************/
.dossierMentions {
	float:left;
	width:690px;
	margin:-20px 0 20px 20px;
}
.dossierMentions h2 {
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	background-color:#ef9f2a;
	color:#FFF;
	padding:5px 30px;
	margin: 10px 0 20px 0;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
/**************** BIOGRAPHIE *****************************/
.dossierBio {
	float:left;
	width:690px;
	margin:-40px 0 20px 20px;
}
.dossierBio h2 {
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	background-color:#ef9f2a;
	color:#FFF;
	padding:5px 30px;
	margin:30px 0 0 0px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
.dossierBio h3 {
	background-color:#0c67ac;
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding:5px 0;
	margin:20px 0 10px 0;
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.dossierBio h4 {
	font-size:15px;
	padding:0px 0 0px 0;
	margin:0;
}
.chapoDossierBio p {
	display:block;
	font-weight:bold;
	font-size:13px;
	color:#0C67AC;
	margin:15px 0px 10px 0px;
	line-height: 19px;
}
.dossierBio .telechargements {
	border:none;
	padding:0;
	margin:0;
}
.dossierBio .telechargements a {
	padding:0;
	margin:0;
}
.dossierBio ul {
	line-height:19px;
	margin-bottom: 10px;
}
.lienfin a {
	font-weight: normal;
}
/**************** REFERENCES *****************************/
.dossierRef {
	float:left;
	width:690px;
	margin:-40px 0 20px 20px;
}
.dossierRef p {
	line-height:19px;
}
.dossierRef h2 {
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	background-color:#ef9f2a;
	color:#FFF;
	padding:5px 30px;
	margin:30px 0 0 0px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
.dossierRef h3 {
	background-color:#0c67ac;
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding:5px 0;
	margin:20px 0 10px 0;
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.dossierRef h4 {
	font-size:15px;
	text-align: justify;
	padding:0px 0 0px 0;
	margin:0;
}
.dossierRef .telechargements {
	border:none;
	padding:0;
	margin:0;
}
.dossierRef .telechargements a {
	padding:0;
	margin:0;
}
.dossierRef ul {
	line-height:19px;
	margin-bottom: 0px;
}
/**************** PRESTATIONS *****************************/
.dossierPrestations {
	float:left;
	width:690px;
	margin:-15px 0 20px 20px;
}
.dossierPrestations h2 {
	font-weight:bold;
	text-align:center;
	font-style:italic;
	font-size:18px;
	background-color:#ef9f2a;
	color:#FFF;
	padding:5px 30px;
	margin-top: 30px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
.dossierPrestations h3 {
	background-color:#0c67ac;
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding:5px 0;
	margin:20px 0 10px 0;
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.dossierPrestations h4 {
	font-size:15px;
	margin:10px 0 10px 0;
}
.dossierPrestations p {
	line-height:19px;
}
.dossierPrestations .telechargements {
	border:none;
	padding:0;
	margin:0;
}
.dossierPrestations .telechargements a {
	padding:0;
	margin:0;
}
.dossierPrestations ul {
	line-height:19px;
}
.boutonsPrestations td {
	background-color:#ef9f2a;
	color:#FFF;
	padding:10px;
	width:30%;
	text-align:center;
	font-size:13px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
.boutonsPrestations table {
	margin:0 0 30px 0;
}
.boutonsPrestations a {
	text-decoration: none;
	color:#FFF;
	font-weight: bold;
}

/* Langues
-------------------------------------------------------- */

ul#langues {
	float: left;
	width:980px;
	text-align:right;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	background-color:#3f3f43;
	border-top: solid 3px #313135;
	list-style:none;
}

ul#langues li {
	float:right;
	padding:0;
	margin:0;
	border:none;
	list-style:none;
}

ul#langues li a, ul#langues li a:visited {
	display:block;
	width:34px;
	height:24px;
	overflow:hidden;
}

ul#langues li a.fr {
	background-image:url(_gfx/drapeaux.gif);
	background-position: 0 -24px;
}

ul#langues li a.uk {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -34px -24px;
}

ul#langues li a.spa {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -68px -24px;
}

ul#langues li a:hover.fr, ul#langues li a.frSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: 0 0;
}

ul#langues li a:hover.uk, ul#langues li a.ukSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -34px 0;
}

ul#langues li a:hover.spa, ul#langues li a.spaSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -68px 0;
}

 
/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	width:980px;
	color: #515053;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 8px 10px;
	background-color:#d3edf8;
	border-top:solid 3px #58c0e9;
}

#chemin a:link, #chemin a:visited {
	color: #515053;
	text-decoration: none;
}

#chemin a:hover {
	color: #515053;
	text-decoration: underline;
}

/************************** PRESENTATION GIRE ****************************/
.presentationGire {
	float:left;
	margin-top:-10px;
	width:240px;
	background-color:#b5e2f5;
	color:#0c67ac;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
.presentationGire h4 {
	background-color:#0c67ac;
	color:#FFF;
	text-align:center;
	padding:5px 0;
	margin-bottom: 25px;
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.presentationGire p {
	padding:0 10px;
	text-align:left;
}
/************************** PRESENTATION ****************************/
.presentation {
	float:left;
	margin-top:-10px;
	width:240px;
	background-color:#b5e2f5;
	color:#0c67ac;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
.presentation h4 {
	background-color:#0c67ac;
	color:#FFF;
	text-align:center;
	padding:5px 0;
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.presentation h3 {
	font-size:14px;
	text-align:center;
}
.presentation p {
	padding:0 10px;
	text-align:left;
}
.chapoContenuPresentation {
	display:block;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	background-color:#ef9f2a;
	color:#FFF;
	padding:5px 30px;
	margin-bottom: 20px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
/************************** TEXTE ACCUEIL ****************************/
.contenuAccueil {
	float:left;
	margin:-5px 0 0 25px;
	width:680px;
	color:#515053;
}
.contenuAccueil ul{
	margin:15px 0 30px 0px;
}
.titreContenuAccueil {
	font-weight:bold;
	font-style:italic;
	font-size:17.3px;
	background-color:#ef9f2a;
	color:#FFF;
	padding:5px 30px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
.chapoContenuAccueil {
	display:block;
	font-weight:bold;
	font-size:15px;
	color:#0C67AC;
	padding:5px 0;
	margin: 20px 0 10px 0;
}
.psAccueil {
	font-size: 15px;
	font-weight: bold;
	line-height:22px;
	padding:10px;
	border:1px solid #0C67AC;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
/************************** TEXTE ACCUEIL ****************************/
.telechargements {
	margin:10px 0 10px 0;
}
.telechargements ul {
	margin-top:-15px;
}
.telechargements h2 {
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	background-color:#ef9f2a;
	color:#FFF;
	padding:5px 30px;
	margin:30px 0 30px 0;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
/* Pied de page
-------------------------------------------------------- */

#footer {
	float: left;
	width: 990px;
	color: #9a9b9d;
	font-size: 11px;
	font-weight:normal;
	padding:5px 0 10px 0;
	background-color:#ffcb60;
	border-top:solid 1px #d8d9da;
	border-bottom:solid 1px #d8d9da;
	text-align:center;
	}
	
#footer h4 {
	font-size:11px;
	color: #626164;
	background-image:none;
	padding:0;
	margin:3px 0 0 0;
	}
			
#footer a, #footer a:visited  {
	font-weight:normal;
	color: #9a9b9d;
	text-decoration: none;
	padding:0 5px;
	border-right:solid 1px #9a9b9d;
}

#footer h4 a, #footer h4 a:visited {
	font-weight:bold;
	border:none;
	}

#footer a:hover {
	text-decoration: underline;
}

/* Bloc Mozaïque (utilisé en page d'accueil et dans les autres pages)
-------------------------------------------------------- */

.blocMozaique {
	float: left;
	margin: 0 0 10px 0;
	padding:0;
}

.blocMozaique h3 {
	width: 700px;
	font-weight: bold;
	margin:0;
	padding: 5px 0 7px 10px;
	background-color: #bbbdbf;
	height: 20px;
}

.blocMozaique .contenu {
	float:left;
	width: 990px;
	margin:1px 0 0 3px;
}

.blocMozaique .contenu ul.image {
	margin: -30px 0 0 0;
	padding:0;
	list-style:none;
	border:none;
	width: 990px;
	float:left;
}

.blocMozaique .contenu ul.image li {
	margin:0;
	padding:0 5px;
	border:none;
	float:left;
}

.blocMozaique .contenu ul.image li a, .blocMozaique .contenu ul.image li a:visited  {
	border: 1px solid #bbbdbf;
	margin:0 1px 0 0;
	_margin:0;
	padding:1px;
	height: 71px;
	width:109px;
	float:left;
	display:block;
	background-color:#fff;
	overflow: hidden;
	zoom:0;
	text-align:center;
}
.blocMozaique .contenu ul.image li a:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}
/******************** CONTACT **********************/
.contactIntro {
	float:right;
	width:680px;
	margin:0 0 20px 0;
}
.contactIntro td {
	background-color:#ef9f2a;
	color:#FFF;
	padding:10px;
	width:340px;
	text-align:center;
	font-size:15px;
	font-weight: bold;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
.contactIntro table {
	margin:-13px 0 0px 0;
}
.contactIntro a {
	text-decoration: none;
	color:#FFF;
}
/*.contactIntro td {
	width:340px;
	text-align:center;
	font-size:24px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}*/
.contactIntro img {
	padding:0px 10px 0px 0px;
}
.contactIntro a {
	padding:-10px 0px 0px 0px;
}
.contactInfo {
	float:right;
	width:680px;
}
.contact {
	margin:20px 0 0px 0;
}
.liens {
	margin-bottom: 40px;
}
.liens h3 {
	background-color:#ef9f2a;
	color:#FFF;
	padding:5px 30px;
	font-size:18px;
	width:620px;
	margin-top: 30px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 4px 4px 4px #888;  
	-webkit-box-shadow: 4px 4px 4px #888;  
	box-shadow:4px 4px 4px #888;
}
.liens h4 {
	background-color:#0c67ac;
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding:5px 0;
	margin:20px 0 10px 0;
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

/* formulaire
-------------------- */

#contenu form {
	padding:0;
	margin:0 0 20px 0;
}

#contenu form p {
	margin: 0;
	padding: 4px 0;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	font-size: 12px;
	border-bottom:1px solid #ccc;
	clear:both;
	float:left;
	width:100%;
}

#contenu form p.derniereLigne {
	border:none;
}

#contenu form p label {
	float: left;
	width: 290px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:24px;
}

#contenu form p label.codeDeReduction {
	width: 220px;
}

#contenu form p label.petit {
	width: 80px;
}

#contenu form p input, #contenu form p select, #contenu form p textarea {
	float:left;
	margin: 0;
	width: 190px;
	padding: 3px;
	border:solid 1px #a9abad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	background-color:#d8d9da;
}

#contenu form p input.codeDeReduction {
	width: 50px;
	background-color:#fff;
	padding: 4px;
}

#contenu form p select {
	width: 198px;
}

#contenu form p textarea {
	width: 300px;
}

#contenu form p input.radio, #contenu form p input.checkBox {
	float:left;
	margin: 5px 0;
	width: 20px;
	padding: 0;
	background-color:transparent;
	border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
	float:left;
	margin: 5px 10px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	font-weight:bold;
}
	
#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 0 0 300px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:13px;
	font-weight:bold;
}

#contenu form button.boutonMemeLigneQuInput { 
    margin:0 0 0 10px; 
}
	
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#0081ca;
}

#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
    padding:0 8px 0 0;/* Largeur du côté droit */ 
	color:#FFF;
	height:24px;
	line-height:24px; /* Alignement vertical du texte */ 
	border: none;
}

.obligatoire {
	font-size: 12px;
	color: #FF0000;
	clear:both;
	margin:10px 0;
}

/* Tableaux
-------------------------------------------------------- 

#contenu table, #contenu table tr {
	padding:0;
	margin:0;
}

#contenu table th {
	font-weight: bold;
	background-color: #d8d9da;
	border-bottom:solid 1px #FFFFFF;
}

#contenu table td {
	font-weight: bold;
	background-color: transparent;
	border:none;
}

#contenu table td.ligne {
	font-weight: bold;
	background-color: transparent;
	border-bottom:solid 1px #d8d9da;
}

#contenu table th.total {
	font-weight: bold;
	color:#FFF;
	background-color: #00529a;
	border-bottom:solid 1px #dedce6;
}

/* Liens internes au site
-------------------------------------------------------- */

.queFaire {
	margin:20px 0 0 0;
	padding:0;
	width:100%;
	float:left;
	text-align:right;
}

.queFaire a.bouton, 
.queFaire button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:10px 0 0 0; 
    padding:0;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.queFaire a.bouton span, 
.queFaire button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 7px; 
    vertical-align:middle;
    background-color:#0081ca;
} 

.queFaire a.bouton span span, 
.queFaire button.bouton span span {
	color:#fff;
    height:24px; 
    padding:0; 
    padding:0 7px 0 0; 
    line-height:22px; 
    background-color:#0081ca;
} 
 
.queFaire a.bouton:hover span, .queFaire a.bouton:hover span span, 
.queFaire button.bouton:hover span, .queFaire button.bouton:hover span span { 
    background-color:#00529a;
} 
 
/*  général
-------------------------------------------------------- */

#moteurEtCatalogue {
	float: left;
	width:200px;
	padding: 0;
	margin:25px 0 0 0;
}

#moteurEtCatalogue h3 {
	display:none;
}

#accueil, #menuCatalogue {
	float: left;
	padding: 0;
	margin:0 0 18px 0;
	width:100%;
}

#accueil ul, #menuCatalogue ul {
	padding: 0;
	margin:0;
	list-style:none;
	color:#FFFFFF;
}

#accueil ul li, #menuCatalogue ul li {
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0 0 1px 0;
}

#accueil ul li a, #menuCatalogue ul li a  {
	text-decoration:none;
	color:#fff;
	border-left:solid 3px #0068b2;
	display:block;
	background-color:#0081ca;
	padding:5px 0 5px 10px;
}

#accueil ul li a:hover, #menuCatalogue ul li a:hover {
	text-decoration:none;
	background-color:#00529a;
	color:#FFF;
	border-left:solid 3px #02407a;
}

#menuCatalogue ul li ul {
}

#menuCatalogue ul li ul li {
	font-size:12px;
	margin:1px 0 0 0;
	text-indent:8px;
}

#menuCatalogue ul li ul li a {
	border-left:solid 3px #7ca3c5;
	background-color:#8fbce3;
}


#menuCatalogue ul li a.selection {
	color:#fff;
	background-color:#00529a;
	border-left:solid 3px #02407a;
}

/* Recherche
-------------------------------------------------------- */

#moteurDeRecherche {
	margin: 0 0 18px 0;
	padding:10px;
	width: 177px;
	display:block;
	float:left;
	background-color:#0081ca;
	border-left:solid 3px #0068b2;
}

#moteurDeRecherche form {
	margin: 0;
	padding:0;
	border:none;
}

#moteurDeRecherche form p {
	margin: 0;
	padding:0;
	float:right;
}

#moteurDeRecherche form input {
	margin: 0;
	padding:2px;
	width:120px;
	border:solid 1px #00529a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#fff;
	color:#626164;
	float:left;
}

#moteurDeRecherche form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:none; 
    background:none;
	font-size:13px;
	font-weight:bold;
}

#moteurDeRecherche form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#00529a;
	border:solid 1px #fff;
}

#moteurDeRecherche form button.bouton span span {
	padding:0 8px 0 0;
	border:none;
	color:#FFF;
	height:18px;
	line-height:18px; /* Alignement vertical du texte et largeur du côté droit*/
}
	
/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}