body {
 background-color: #CEE4F1;
 margin: 0px 0px 0px 0px;
}



.obligatoire {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666;
 padding: 0px 8px 0px 10px;
 margin: 0px 0px 5px 0px;
}


#page {
 border-left: 1px solid #00D2FF;
 border-right: 1px solid #00D2FF;
 padding: 0px 0px 0px 0px;
 margin:auto;
 width: 1000px;
 background-image: url("/images/fd-page_1024.gif");
 background-position: 0% 0%;
 background-repeat: repeat-y; 

}

#colonneGauche {
	width: 219px;
	background-image: url("/images/fd-colonneGauche.gif");
	background-position: 0% 0%;
	background-repeat: repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
}

/*
#colonneDroite {
	width: 750px;
	margin: 0px 0px 20px 0px;
}
*/
#footer {
	margin:auto;
 font-family: Arial, Helvetica, sans-serif;
 display: block;
 position: relative;
 clear: both;
 border-left: 1px solid #00D2FF;
 border-right: 1px solid #00D2FF;
 background-color: #ffffff;
 padding: 15px 0px 25px 0px;
 width: 1000px;

}


/*----------------------------------- COLONNE GAUCHE -------------*/

/* ------------------- Nav Produits -----------------*/
#produits {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-image: url("/images/produits-bas.gif");
 background-position: 0% 100%;
 background-repeat: no-repeat;
 background-color: #CEE4F1;
 margin: 0px 0px 0px 0px;
 color: #446AA3;
}
#produits ul {
 margin: 0px;
 padding: 0px 0px 0px 14px;
}
#produits li {
 vertical-align: top;
 font-size: 12px;
 line-height: 16px;
 margin: 0px 8px 0px 14px;
 padding: 2px 0px 0px 0px;
 list-style-image: url("/images/puce-bleu-clair.gif");
 list-style-position: outside;
}
#produits ul.selected {
 margin: 0px 0px 3px 0px;
 padding: 0px 0px 8px 14px;
 background-color: #F0F7FB;
}
#produits li.selected {
 vertical-align: top;
 font-size: 12px;
 font-weight: bold;
 line-height: 16px;
 margin: 0px 8px 0px 14px;
 padding: 2px 0px 0px 0px;
 list-style-image: url("/images/puce-selected.gif");
 list-style-position: outside;
}
#produits li.n2 {
 vertical-align: top;
 font-size: 11px;
 line-height: 12px;
 margin: 0px 8px 0px 30px;
 padding: 2px 0px 0px 0px;
 list-style-image: url("/images/puce-n2.gif");
 list-style-position: outside;
 background-color: #F0F7FB;
}
#produits li.n2selected {
 font-weight: bold;
 vertical-align: top;
 font-size: 11px;
 line-height: 12px;
 margin: 0px 8px 0px 30px;
 padding: 2px 0px 0px 0px;
 list-style-image: url("/images/puce-n2.gif");
 list-style-position: outside;
 background-color: #F0F7FB;
}
#produits a, #produits a:link, #produits a:active, #produits a:visited {
 text-decoration: none;
 padding: 2px 0px 0px 0px;
 color: #446AA3;
}
#produits a:hover {font-weight: bold;}


/* ------------------- Nav Recherche libre -----------------*/
#rech {
 	background-image: url("/images/libre-bas.gif");
 	background-position: 0% 100%;
 	background-repeat: no-repeat;
 	background-color: #f0f7fb;
 	font-family: Arial, Helvetica, sans-serif;
 	margin: 0px 0px 0px 0px;
}

#rech input {
 width: 160px;
 height: 15px;
 margin: 0px 0px 0px 0px;
 border-top: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 background-color: #FFffff;
 font-size: 11px;
 color: #000000; }



 


#rech input.bt {
 width: 24px;
 height: 21px;
 background-color: #f0f7fb;
 }
 
#alpha2 {
	display:block;
 	margin: 0px 0px 0px 0px;
 	padding: 0px; 
 	text-align: center;
}



/* ------------------- Nav Recherche -----------------*/
#recherche {
 	background-image: url("/images/recherche-bas.gif");
 	background-position: 0% 100%;
 	background-repeat: no-repeat;
 	background-color: #E9E9E9;
 	font-family: Arial, Helvetica, sans-serif;
 	margin: 0px 0px 0px 0px;
}
#recherche p {
 color: #777777;
 font-size: 11px;
 font-weight: bold;
 font-style: italic;
 text-transform: uppercase;
 margin: 0px;
 padding: 4px 10px 0px 10px;
}
#alpha {
	display:block;
	float:center;
 	background-color: #FFF;
 	margin: 4px 10px 0px 10px;
 	padding: 0px;
 	height-min: 23px;
 	text-align: center;
}
#recherche a, #recherche a:link, #recherche a:active, #recherche a:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #737373;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 padding: 0px 1px 0px 1px;
 margin: 0px;
 text-transform: uppercase;
}
#recherche a:hover {color: #AA251C;}



/* ------------------- Nav Services -----------------*/
#services {
 background-image: url("/images/services-bas.gif");
 background-position: 0% 100%;
 background-repeat: no-repeat;
 background-color: #FFE269;
}
#services ul {
 margin: 0px;
 padding: 0px 0px 25px 14px;
}
#services li {
 vertical-align: top;
 font-size: 11px;
 line-height: 16px;
 margin: 0px 8px 0px 14px;
 padding: 2px 0px 0px 0px;
 list-style-image: url("/images/puce-jaune-clair.gif");
 list-style-position: outside;
}
#services a, #services a:link, #services a:active, #services a:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #685A18;
 text-decoration: none;
 padding: 2px 0px 0px 0px;
}
#services a:hover {color: #446AA3;}



/*----------------------------------------------------FOOTER-----------------------*/


#footer a, #footer a:link, #footer a:active, #footer a:visited {
 color: #808080;
 font-size: 12px;
 background-image: url("/images/footer-vt.gif");
 background-position: 100% 50%;
 background-repeat: no-repeat;
 text-decoration: none;
 margin: 0px;
 padding: 0px 12px 0px 8px;
}

#footer a:hover {text-decoration: underline;}
#navFooter {
 display: block;
 background-image: url("/images/footer-fd.gif");
 background-position: 0% 0%;
 background-repeat: repeat-x;
 height: 29px;
 padding: 8px 0px 0px 20px;
}
#mentions a, #mentions a:link, #mentions a:active, #mentions a:visited {
 color: #808080;
 font-size: 12px;
 background:none;
 text-decoration: none;
 margin: 0px;
 padding: 0px 12px 0px 8px;
}
#mentions a:hover {text-decoration: underline;}

#mentions {
 margin: 8px 0px 0px 5px;
}
#mentions p {
 display: inline;
 font-size: 11px;
 color: #666;
 margin: 0px 0px 15px 10px;
}




/*----------------------------------- COLONNE DROITE -------------*/

/*-------------------------Panier -------------*/

#panier {
 text-align: right;
 width: 750px;
 height: 44px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px; 
}



/*

#callback {
 width: 85px;
 height:39px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

#navTop a, #navTop a:link, #navTop a:active, #navTop a:visited {
	float: left;
	background-color: #345C9A;
 color: #ffffff;
 font-size: 11px;
 text-decoration: none;
 margin: 0px;
 padding: 12px 4px 10px 0px;
}
#navTop a:hover {
 background-image: url("/images/menu-encoche.gif");
 background-position: 50% 100%;
 background-repeat: no-repeat;
}
#navTop p {
 float: left;
 font-weight: bold;
 background-color: #345C9A;
 color: #FFFfff;
 font-size: 11px;
 background-image: url("/images/menu-encoche.gif");
 background-position: 50% 100%;
 background-repeat: no-repeat;
 margin: 0px;
 padding: 12px 4px 10px 0px;
}

*/
/*----------------------------------Infos-----------------------*/

#infos {
 font-family: Arial, Helvetica, sans-serif;
 float: left;
 width: 481px;
 border: 5px solid #E6F1F8;
 padding: 6px;
 height:230px;
 margin: 10px 6px 0px 0px;
}
#infos h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #545454;
 margin: 6px 0px 4px 0px;
}
#infos p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #4C4C4C;
 margin: 0px 0px 0px 0px;
}
#infoVisuel {
 float: left;
 width: 161px;
 margin: 4px 10px 0px 0px;
}
#infos a, #infos a:link, #infos a:active, #infos a:visited {
 display: block;
 color: #AA241B;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 margin: 12px 0px 4px 0px;
 padding: 0px 0px 0px 20px;
 
}
#infos a:hover {
 
 color: #456BA3;
}

/*-----------------------------------Newsletter-----------------*/

#newsletter {
 font-family: Arial, Helvetica, sans-serif;
 color: #808080;
 float: right;
 width: 141px;
 background-color: #F6F6F6;
 background-image: url("/images/newsletter-bas.gif");
 background-position: 0% 100%;
 background-repeat: no-repeat;
 margin: 8px 0px 0px 0px;
 padding: 0px 0px 30px 0px;
}
#newsletter p {
 font-size: 12px;
 padding: 0px 8px 0px 10px;
 margin: 0px 0px 5px 0px;
}
#newsletter input {
 width: 120px;
 margin: 2px 2px 2px 10px;
}
#newsletter input.txt {
 width: 104px;
 height: 14px;
 border: 3px solid #CACACA;
 padding: 4px 4px 4px 6px;
 margin: 8px 2px 2px 10px;
 color: #345C9A;
 font-size: 12px;
 font-weight: bold;
}
#newsletter input.img {
 width: 10px;
 margin: 2px 2px 2px 10px;
}


/*-------------------------------------------PAGE CORPS - Modifié par Phil --------------------------*/


#pageCorps {
	width:750px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 15px 13px;
	float: left;

}
#pageCorps h1 {
 font-size: 24px;
 font-weight: bold;
 font-style: italic;
 color: #345C9A;
 text-transform: uppercase;
 letter-spacing: -0.1em;
 padding: 0px 0px 10px 0px;
 margin: 15px 0px 15px 0px;
 background-image: url("/images/h1-encoche.gif");
 background-position: 0% 100%;
 background-repeat: no-repeat;
}
#pageCorps h2 {
 font-size: 18px;
 font-weight: normal;
 color: #737373;
 padding: 0px 0px 0px 0px;
 margin: 10px 0px 5px 0px;
}
#pageCorps h3 {
 font-size: 14px;
 font-weight: bold;
 color: #345C9A;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 4px 0px;
}

#pageCorps h4 {
 font-size: 14px;
 font-weight: bold;
 display:inline;
 color: #345C9A;
 padding: 0px 0px 0px 0px;
 margin: 0px 5px 0px 0px;
}
#pageCorps p {
 display: block;
 font-size: 12px;
 color: #737373;
 padding: 5px 0px 0px 0px;
 margin: 5px 0px 15px 0px;
}
#pageCorps .focus {
 font-weight: bold;
 color: #345C9A;
}
#pageCorps .bold {font-weight: bold;}
#pageCorps .petit {font-size: 10px;}
#pageCorps .droite {text-align: right; padding: 0px 4px 0px 0px;}
#pageCorps .grisFonce {color: #7F7F7F;}
#pageCorps a, #pageCorps a:link, #pageCorps a:active, #pageCorps a:visited {
 color: #345C9A;
 font-size: 12px;
}
#pageCorps a:hover { text-decoration: none;}
#pageCorps a.interne, #pageCorps a.interne:link, #pageCorps a.interne:active, #pageCorps a.interne:visited {
 display: block;
 background-image: url("/images/puce-lien.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 padding: 0px 0px 0px 22px;
 margin: 15px 0px 10px 0px;
}
#pageCorps a.interne:hover {}
#pageCorps a.lienparagraphe, #pageCorps a.lienparagraphe:link, #pageCorps a.lienparagraphe:active, #pageCorps a.lienparagraphe:visited {
 color: #A71C13;
 padding: 0px;
 margin: 0px;
}
#pageCorps a.lienparagraphe:hover {}

#pageCorps li.liste2 {
 vertical-align: top;
 font-size: 12px;
 line-height: 16px;
 margin: 0px 8px 0px 15px;
 padding: 2px 0px 0px 0px;
 list-style-image: url("/images/puce-jaune-fonce.gif");
 list-style-position: outside;
}


#pageCorps ul {
 margin: 12px 0px 0px 0px;
 padding: 0px;
 font-size: 12px;
 font-weight: bold;
 color: #737373;
}
#pageCorps li {
 vertical-align: top;
 font-size: 12px;
 font-weight: normal;
 line-height: 16px;
 margin: 0px 8px 0px 15px;
 padding: 2px 0px 0px 0px;
 list-style-image: url("/images/puce-bleu-fonce.gif");
 list-style-position: inside;
}


/*----------------------------- table panier ---------------------*/
table {
}
table.center {text-align: center;}
table td, table.center td {
 padding: 2px 2px 2px 4px;
 color: #444;

 font-size: 11px;
 border-right: 3px solid #FFF;
}
table td.entete, table.center td.entete {
 background-color: #345C9A;
 color: #FFF;
}
table a, table a:link, table a:active, table a:visited, {
 font-size: 10px;
 color: #345C9A;
 font-weight: normal;
}
table a:hover {text-decoration: none;}
table tr.ligne1, table.center tr.ligne1 {
 background-image: url("/images/fd-ligne1.gif");
 background-position: 0% 100%;
 background-repeat: repeat-x;
 background-color: #F4F4F4;
}
#pageCorps table input.qte {
 border: 1px solid #CEE4F1;
 background-color: #FFF;
 width: 30px;
 height: 12px;
 font-size: 10px;
 color: #345C9A;
 margin: 0px;
}
#pageCorps table input.ok {
 background-image: url("/images/bt-OK.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 background-color: #eee;
 width: 24px;
 height: 15px;
 border: none;
 margin: 0px;
}

/* -------------------------------------- Formulaire ----------------------------------*/

#pageCorps div.item {
 float: left;
 width: 120px;
 color: #444;
 font-size: 12px;
 margin: 0px 0px 10px 0px;
}
#pageCorps div.item2 {
 float: left;
 width: 300px;
 color: #444;
 font-size: 12px;
 margin: 0px 0px 10px 0px;
}
#pageCorps div.item3 {
 float: left;
 color: #444;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 12px;
 margin: 0px 0px 10px 0px;
}
#pageCorps div.item4 {
 float: left;
 color: #444;
 width: 150px;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 12px;
 margin: 0px 10px 10px 0px;
}
div.form {
 float: left;
 display: block;
 margin: 0px 0px 20px 0px;
 font-size: 10px;
 color: #A2A2A2;
}
#pageCorps input {
 float: left;
 width: 280px;
 height: 15px;
 margin: 0px 40px 10px 0px;
 border-top: 1px solid #345C9A;
 border-right: 1px solid #345C9A;
 border-bottom: 1px solid #345C9A;
 border-left: 1px solid #345C9A;
 background-color: #FFE269;
 font-size: 11px;
 font-weight: bold;
 color: #000000;
}
#pageCorps select {
 width: 70px;
 height: 15px;
 margin: 0px 8px 10px 0px;
 border: 1px solid #CEE4F1;
 font-size: 11px;
 color: #7F7F7F;
}

#pageCorps input.date {
 width: 70px;
 height: 15px;
 margin: 0px 3px 0px -4px;
 border: 1px solid #CEE4F1;
 font-size: 11px;
 background-color: #FFFFFF;
 color: #7F7F7F;
}


#pageCorps textarea {
 float: left;
 width: 280px;
 height: 70px;
 margin: 0px 40px 10px 0px;
 border-top: 1px solid #345C9A;
 border-right: 1px solid #345C9A;
 border-bottom: 1px solid #345C9A;
 border-left: 1px solid #345C9A;
 background-color: #FFE269;
 font-size: 11px;
 color: #7F7F7F;
}
#pageCorps textarea.textarea2 {
 float: left;
 width: 232px;
 height: 50px;
 margin: 0px 100px 10px 0px;
 border: 1px solid #CEE4F1;
 background-color: #FFF;
 font-size: 11px;
 color: #7F7F7F;
}

#pageCorps input.radio {
	border-style: none;
	background-color:#FFFFFF;
 	margin: 0px 0px 0px 0px;
	width: auto; 
	height:auto;
	}


#pageCorps input.reserver {
 background-image: url("/images/bt-reserver.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 background-color: #eee;
 width: 97px;
 height: 18px;
 border: none;
 margin: 25px 36% 30px 36%;
 text-align: center;
}
#pageCorps input.valider {
 background-image: url("/images/bt-validez.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 background-color: #eee;
 width: 83px;
 height: 18px;
 border: none;
 margin: 25px 36% 30px 36%;
 text-align: center;
}



/*-------------------------------------------------PRODUITS -------------------------------*/

#pageCorps .produitVisuel {
 float: right;
 margin: 0px 0px 15px 20px;
 padding: 0px 0px 2px 0px;
 border-bottom: 8px solid #FFE269;
}

#pageCorps p.nom {
 font-weight: bold;
 color: #345C9A;
 margin: 0px;
 padding:0px;
}
#pageCorps p.description {
 font-weight: bold;
 margin: 0px 0px 4px 0px;
 padding:0px;
}



/*-----------------------------------------EXEMPLES REALISATIONS-----------------------------*/

#pageCorps div.exemples {
 float: left;
 background-color: #FFE269;
 text-align: center;
 margin: 0px 22px 15px 0px;
}
#pageCorps div.exemples p {
 color: #345C9A;
 font-size: 11px;
 margin: 0px;
 padding: 0px 0px 3px 0px;
}
#pageCorps div.exemples .photo {
 border-bottom: 2px solid #FFF;
}




#pageCorps .texte {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 12px;
 color: #444444;
 text-transform: uppercase;
 display:inline;
}


#colonneDroite_admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
 	float: right;
 	width: 506px;
 	margin: 0px 0px 0px 0px;
}

#colonneDroite_admin a, #colonneDroite_admin a:link, #colonneDroite_admin a:active, #colonneDroite_admin a:visited {
 color: #345C9A;
 font-size: 12px;
}
#colonneDroite_admin a:hover { text-decoration: none;}

#colonneDroite_admin h1 {
 font-size: 24px;
 font-weight: bold;
 font-style: italic;
 color: #345C9A;
 text-transform: uppercase;
 letter-spacing: -0.1em;
 padding: 0px 0px 10px 0px;
 margin: 15px 0px 15px 0px;
 background-image: url("/images/h1-encoche.gif");
 background-position: 0% 100%;
 background-repeat: no-repeat;
}
#colonneDroite_admin h2 {
 font-size: 18px;
 font-weight: normal;
 color: #737373;
 padding: 0px 0px 0px 0px;
 margin: 10px 0px 5px 0px;
}
#colonneDroite_admin h3 {
 font-size: 14px;
 font-weight: bold;
 color: #345C9A;
 padding: 0px 0px 0px 0px;
 margin: 25px 0px 4px 0px;
}

#colonneDroite_admin h4 {
 font-size: 14px;
 font-weight: bold;
 display:inline;
 color: #345C9A;
 padding: 0px 0px 0px 0px;
 margin: 0px 5px 0px 0px;
}
#colonneDroite_admin p {
 display: block;
 font-size: 12px;
 color: #737373;
 padding: 5px 0px 0px 0px;
 margin: 5px 0px 15px 0px;
}
#colonneDroite_admin li {
 vertical-align: top;
 font-size: 12px;
 font-weight: normal;
 line-height: 16px;
 margin: 0px 8px 0px 0px;
 padding: 2px 0px 0px 0px;
 list-style-image: url("/images/puce-bleu-fonce.gif");
 list-style-position: inside;
}
#colonneDroite_admin table td, table.center td {
 color: #345C9A;
	height: 10px;
 font-size: 12px;
 border-right: 3px solid #FFF;
}
#colonneDroite_admin table td p, table.center td p {
 display: block;
 font-size: 12px;
 color: #737373;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

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

#navTop {
	width:750px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #345C9A;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#navTop table.menu td, table.menu tr {
 padding: 0px 0px 0px 0px;
 border: 0px;

}