body {	margin: 0; padding:0; background:#fff url(../images/site_ombre_bg.gif) repeat-y center top;}

#tete, #chemin, #corps, #pied { clear: both; }
#site { margin:0 auto; width:1000px; padding:0;}

/* Liens d'évitement */
ul#skip { text-align: right; margin: 0; display: none; }
ul#skip li { display: inline; list-style: none; padding: 0 0.2em;  }

/*
 * Tete
*/
#tete { width:100%; overflow:hidden; background: #fff url(../images/body_bg.png) repeat-x;}
#bandeau { margin:0 auto; width:1000px; height:196px; background-repeat:no-repeat; background-position:right top; }
#bandeau h1 { float:left; margin:1em 2em; color:#fff; font-size:1.2em; font-weight:normal;  }
#logo { float:left; margin-left:25px; }

/*
 * Partie principale (contenu)
*/

#chemin { padding:10px 20px 0; font-size:0.85em; text-align:right;}
#chemin a {}
#chemin a:hover {}

#corps { clear: both; padding:0 5px; overflow:hidden; background:url(../images/bloc_bg.gif) repeat-y right top; }
#corps2 { overflow:hidden; background:url(../images/corps_bg.gif) no-repeat 542px bottom;}

/* Version 2 colonnes */
#contenu { float:left; width:660px; }
#contenu #preview { padding:0 25px 20px 25px; line-height:1.5em; }
#coldroite { float:right; width:316px; padding-left:14px; line-height:1.3em; }

#minipopup { z-index:20;}


/*********************** blocs colonne droite **********************/


/*** general ***/

.encart { position:relative; width:100%; clear:both; margin:25px 0 0; line-height:1.3em;}
.encart .titre { color:#fff; font-size:1.1em; margin:0; padding:10px 0 0 25px; text-transform:uppercase; letter-spacing:0.05em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.encart .titre a { color:#fff !important;}
.encart .titre a:hover { color:#000 !important;}
.encart h3 { margin:10px 0; padding:0; font-weight:bold; background:none;}

.encart .suivant { position:absolute; top:0px; right:3em; height:25px; z-index:10;}
.encart .suivant a { display:block; float:left; width:10px; padding:12px 4px 9px 17px; margin:0; font-size:0.85em; color:#fff; background:url(../images/offres_chiffres_bg.gif) no-repeat; cursor:pointer;}
.encart .contenant {
	min-height:180px;
	overflow:hidden; 
	border:1px solid #5589c1;
	background-color:#fff; 
	background-repeat:no-repeat; 
	background-position:left top; 
	background-image:url(../images/offres_index_bg.png); 
}


/*** offres ***/

#offres.encart { 
	float:right; 
	width:286px;
	height:165px;
	padding:0 10px 0px 20px; 
	margin:0;
	background:url(../images/offres_index_bg.jpg) no-repeat;
}
#offres.encart #slider { height:150px; position:relative;}
#offres.encart #slider .element { height:120px; }
#offres.encart #slider h3, #offres #slider p { padding:0 10px; margin-bottom:0; }
#offres.encart #slider h3 { font-size:1.1em;}
#offres.encart #slider h3 a { display:block;}
#offres.encart #slider p { margin:0; font-size:0.85em;}
#offres.encart .pages { width:40px; margin-top:-25px; z-index:999px;}
#offres.encart .pages span { display:none;}
#offres.encart .titre { padding-top:0; height:36px; background:none; /*background:#fff url(../images/offres_titre_index_bg.gif) no-repeat;*/}
.encart .titre a { display:block; float:left; padding-top:10px; }
#offres.encart .offre p { font-size:0.85em; margin:0;}
#offres.encart a { color:#0b5aa4;}
#offres.encart a:hover { color:#fe4800;}

/** Citoyenne **/
#citoyenne { width: 612px; padding: 0px 30px 0px 10px;}



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

.bloc { float:right; width:306px; clear:both;}
.bloc .titre { color:#fff; font-size:1.1em; margin-bottom:2em; text-transform:uppercase; letter-spacing:0.05em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.bloc .titre a { color:#fff;}
.bloc .titre a:hover { color:#000;}

/* recherche */
#bloc-recherche { border-top:2em solid #fff; float:right; width:279px; padding: 4px 9px 0 18px; height:32px; background: url(../images/recherche_bloc_bg.gif) no-repeat; color:#fff; font-size:0.85em;}
#bloc-recherche form { width:90%; margin:0 auto;}
#bloc-recherche .row label.main { width:auto; display:none;}
#bloc-recherche input { width:70%; padding:1px; background:#fff; border:1px solid #29609a; color:#333;}
#bloc-recherche input#motscles-addsubmit { margin-left:5px; border:0; background:none; color:#fff; font-weight:bold; text-transform:uppercase; cursor:pointer;} 

/* devis */
#bloc-devis { border-top:1em solid white; border-bottom:1em solid white; padding:0 0 10px; background:#fff url(../images/devis_bloc_bg.gif) no-repeat; color:#fff;}
#bloc-devis .titre { font-size:1.3em; padding:10px 0 5px 0; margin:0; text-align:center;}
#bloc-devis p { margin: 0; padding:0 10px;}
#bloc-devis p a { color:#fff;}
#bloc-devis p a:hover { color:#000;}

/* contact */
#contactez-nous .titre { padding:10px 0 0 25px; margin-bottom:10px; height:26px; background:#fff url(../images/contact_bg.gif) no-repeat; border-top:2px solid #fff;}
#contactez-nous address { font-style:normal; margin:0em 1em 1em 2em; padding-left:25px; background:url(../images/address_puce.gif) no-repeat 0 2px;}
#contactez-nous p { margin:0em 1em 1em 3.2em; }

/* offres */
#offres .titre { padding:10px 0 0 25px; height:26px; background:#fff url(../images/offres_titre_bg.gif) no-repeat;}


/* references */
div#references.bloc div.reference{
	width: 260px;
	padding-left: 50px;

}


#coldroite #references { padding:0; width:316px;}
#references .titre { padding:10px 0 0 35px; height:26px; margin-bottom:10px; background:#fff url(../images/references_titre_bg.gif) no-repeat; border-top:2px solid #fff;}

#references p.titre-ref-bloc { clear: both; margin:10px 0; padding-top: 15px; font-size:0.9em; text-align:left; letter-spacing:normal; font-weight:bold; }
#references p.titre-ref-bloc a { color:#000;}
#references p.titre-ref-bloc span { text-transform:none; font-weight:normal;}
#references p.titre-ref-bloc span a { color:#7c5a88;}
#references p.titre-ref-bloc a:hover, #references p.titre-ref span a:hover { color:#fe4800;}



/* liens reseaux sociaux */
#reseaux { margin: 0; text-align:center;}
#reseaux .titre { padding-left:25px; margin:0; text-align:left; color:#3959a4;}

/*
 * Bas de page
*/

p.navtext { margin:1em; font-size:0.85em; text-align:center;}

#pied { padding:5px 0; background:url(../images/pied_bg.gif) repeat-y center top; overflow:hidden; color:#fff; }
#pied p { margin:6px 0; line-height:1.6em;}
#pied a { color:#fff;}
#pied a:hover { color:#ccc;}
#pied .colonne { float:left; width:639px; padding: 0 0 0 20px; }
#pied .colonne2 { float:right; width:316px; }

#newsletter { padding:6px 0;}
#newsletter .titre {font-size:1em; float:left; margin-left:4px;}
#newsletter form { float:right; width:202px;}
#newsletter .row { padding:0; margin:0;}
#newsletter .row label.main { padding:2px 0 4px; text-align:left; width:100%; font-size:0.85em;}
#newsletter input { padding:1px; width:75%; background:#fff; margin:0; color:#333;}
#newsletter input#email2-addsubmit { margin-left:5px; padding-left:6px; border:0; background:url(../images/puce_ok.gif) no-repeat left center; color:#fff; font-weight:bold; font-size:0.85em; cursor:pointer;}


#copyright { margin:0 auto; width:990px; padding:0 5px; }
#copyright h1 { float:left; font-size:1.1em; margin-left:1em; font-weight:normal; color:#245d98;}
#copyright p.copy { float:right; width:300px; color:#687986; font-size:0.85em;}
#copyright p a { color:#687986;}
#copyright p a:hover { color:#000;}

#copyright ul#keywords { background: #E5E5E5; padding: 10px; margin: 10px 0; overflow: hidden;}
#copyright ul#keywords li{ display: inline; width: auto; margin: 0 10px;}
#copyright ul#keywords li a{ font-size: 14px; line-height: 24px;}
#copyright ul#keywords li a:hover{ color: black !important; }
#copyright ul#keywords li.medium a{ font-size: 17px;}
#copyright ul#keywords li.big a{ font-size: 20px;}
#copyright ul#keywords li.bleufonce a{color: #0B5AA4;}
#copyright ul#keywords li.bleuclair a{color: #5589C2;}
#copyright ul#keywords li.orange a{color: #FE4800;}
#copyright ul#keywords li.vert a{color: #A7BF00;}
#copyright ul#keywords li.violet a{color: #7E5A8A;}


/************** menu langues **************/

ul#langues { float:left;}
ul#langues li { display:inline;}
ul#langues li a {}

/************** menu outils **************/

ul#outils { clear:both; float:right; width:301px; margin:1em 0 1em 5px; padding:5px 0; border-top:1px solid #7e9fca; border-bottom:1px solid #7e9fca; text-align:center; font-size:0.85em;}
ul#outils li { display:inline;}
ul#outils li a { color:#687986; padding-left:22px; padding-right:8px; background-repeat:no-repeat; background-position:0 0;}
ul#outils li a:hover { color:#000;}

ul#outils li.plan-site a { background-image:url(../images/picto_plan.gif);}
ul#outils li.liens a { background-image:url(../images/picto_liens.gif);}
ul#outils li.glossaire a { background-image:url(../images/picto_glossaire.gif);}


/************** menu déroulant *************

/* 1e niveau */

#nav { margin:2px 0; float:left; width:100%; background:#d2e0ed url(../images/nav_bg.gif) repeat-x left bottom; position:relative; z-index:10;}
ul#navigation, #navigation ul, #navigation li { margin:0; padding:0; }
ul#navigation { float:left; margin:0; padding:0; z-index:10; }
ul#navigation li { float:left; height:35px; position:relative; }
ul#navigation li a { display:block; height:25px; padding:7px 7px 3px; font-size: 1em; text-align: center; color:#000; font-family: "Trebuchet MS", Arial, helvetica; border-left: 1px solid #fff;}
ul#navigation li:hover, ul#navigation li a.aselect { color:#fff; background:#4a7cb3 url(../images/navigation_select_bg.gif) repeat-x left top;}
ul#navigation li a:hover { color:#fff;}
ul#navigation li.index { margin-left:0em;}
ul#navigation li.index a { border:0; width:20px; background:url(../images/navigation_home.gif) no-repeat center bottom; text-indent:-99999px;}
ul#navigation li.index:hover { background:none;}
ul#navigation li.last a { padding-left:13px; padding-right:12px;}

ul#navigation li.web-tv-video-en-ligne { width:115px; line-height:1em;}
ul#navigation li.e-marketing-referencement { width:115px; line-height:1em;}
ul#navigation li.creation-sites-e-commerce { width:125px; line-height:1em;}
ul#navigation li.e-marketing-referencement a, ul#navigation li.web-tv-video-en-ligne a, ul#navigation li.creation-sites-e-commerce a  { padding-top:4px; padding-bottom:6px; }


/* 2e niveau */

ul#navigation ul {
	display: none;
	position: absolute;
	top:35px;
	left:-8px;
	width: 180px;
	padding: 10px 20px 25px;
	background:url(../images/sousmenu_bg.png) no-repeat left bottom;
}
ul#navigation li:hover ul { display: block; }
ul#navigation ul li { display:inline; height:auto; padding:0; margin:0 !important; border-bottom:1px solid #b3c8df;}
ul#navigation ul li.last { border:0;}

#navigation ul li a {
	display:block; 
	clear:both; 
	float:none; 
	width: 160px; 
	height:auto; 
	padding: 4px 10px;
	color: #fff;
	font-size:0.9em;
	text-align: left;
	border: 0;
}
ul#navigation ul li a:hover, ul#navigation li.select ul li a.aselect { background:url(../images/puce_sousnav.gif) no-repeat left center; }
ul#navigation ul li:hover { background:none;}
ul#navigation li.select ul li a.aselect { color: #000;}
ul#navigation li.select ul li.select { background:#4a7cb3 url(../images/navigation_select_bg.gif) repeat-x left top;}

/* 3e niveau */

ul#navigation li:hover ul ul {display: none;}
ul#navigation ul ul {
	display: none;
	position: absolute;
	left:170px;
	top:-10px;
	width: auto;
	padding: 10px;
	background:#4a7cb3;
}

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

ul#navigation ul ul li a { font-size:0.85em; background:url(../images/puce_li_li_li.gif) no-repeat left center;}
ul#navigation ul ul li a:hover, ul#navigation ul ul li a.aselect { background:url(../images/puce_li_li_li.gif) no-repeat left center;}
#navigation ul li li a:hover, #navigation ul li.select li a:hover { color: #000; }
ul#navigation ul li.select a.aselect, #navigation ul li.select li a { color: #fff;}

/*
 * Styles généraux
*/

body { font-family: Arial, Helvetica, sans-serif; text-align: left; color:#434e56; font-size: 0.8em; }

a img { border: 0; }
#langues img { vertical-align: middle; }
#contenu p {  }
#contenu .chapo { /*font-style: italic;*/ }
dt { font-weight: bold; }
/*
 * Partie variable des sites
*/
a { color:#5589c1; text-decoration:none;}
a:hover { color:#fe4800; text-decoration: none;}
ul { margin:0; padding:0;}
ul li { margin:0; padding:0; list-style:none; }

ul.actions  {margin:2em; clear:both;}
#preview ul, .bloc ul { margin-left: 3em;}
#preview ul li, .bloc ul li { margin:2px 0; padding-left:12px; list-style:none; background:url(../images/puce_li.gif) no-repeat 0 6px; }
#preview ul li li, .bloc ul li li { background:url(../images/puce_li_li.gif) no-repeat 0 4px; }
#preview ul li li li, .bloc ul li li li { padding-left:10px; background:url(../images/puce_li_li_li.gif) no-repeat 0 6px; }
#preview p { margin:1em 0; text-align:justify;}
p#rss { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { margin: 1em 0px; padding: 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#preview h1 { font-size: 1.6em; margin:0; padding:10px 0 22px 120px; color:#3f4951; letter-spacing:0.05em; font-weight:normal; background:url(../images/h1_bg.gif) no-repeat -45px 0;}
h2 { margin:0 0 0 1em; padding:0 14px 0px 16px; font-size: 1.4em; color:#4a7cb3; letter-spacing:0.05em; font-weight:normal; background:url(../images/puce_h2.gif) no-repeat left center; }
h3 { font-size: 1.25em; clear:left; padding:2px 10px; background:#bddbf3; text-transform:uppercase; font-weight:normal; color:#7c5a88; }
h4 { font-size: 1.2em; color:#7c5a88;  }
h5 { font-size: 1.1em; color:#7c5a88; font-weight:normal; border-bottom:1px solid #a7bf00; }
h6 { font-size: 1em; color:#7c5a88; margin-left:1em; }

div.entete { position:relative; padding-bottom:0.5em;}
.entete h1 { font-size: 1.6em; margin:0; padding:10px 0 16px 165px; color:#3f4951; letter-spacing:0.05em; font-weight:normal; background:url(../images/h1_bg.gif) no-repeat;}
.references .entete h1 { background-image:url(../images/h1_references_bg.gif);}
/*.entete h2 { position:absolute; left:250px; top:40px; margin:0; }
.entete h2.exeption {position:relative; top:0; left:0; margin: 0 0 0 250px;}*/
.entete h3 { font-size:1.4em; margin:1em 1.5em 0; padding:0; background:none; border-bottom:2px solid #bddbf3; text-align:center;}
.entete h3:first-letter { font-size:1.3em; font-weight:bold;}
/*
 * Filet de séparation dans le texte
*/
div.separateur { clear: both; border-top: 1px solid #bfdcf3; margin-bottom: 15px;}
a.retour { padding-left:18px; background:url(../images/precedent.gif) no-repeat left center;}
a.suivant { padding-right:18px; background:url(../images/suivant.gif) no-repeat right center;}

/* alignement des images dans les pages */
.element { clear: both;}
div.gauche, div.droite, div.centre { padding:0;}
.gauche { float: left; margin: 0 1.5em 1em 0 !important;}
.droite { float: right; margin: 0 0 1em 1.5em !important;}
.centre { margin: 1em auto !important; text-align: center; }

#contenu .gauche span, #contenu .droite span, #contenu .centre span { display: block; font-size: smaller; text-align: center; line-height:normal; }
#contenu #rss div { padding:0; margin:0; background:none; border:none;}

/* icones des fichiers 
#contenu .icone a, #contenu a.icone {margin-top: 0em; padding-left: 1.5em; list-style: none; }
#contenu .pdf { background: url(../images/icons/acrobat.gif) left center no-repeat !important; }
#contenu .doc, #contenu .rtf { background: url(../images/icons/word.png) left center no-repeat !important; }
#contenu .xls, #contenu .xla { background: url(../images/icons/excel.png) left center no-repeat !important; }
#contenu .ppt, #contenu .pps { background: url(../images/icons/powerpoint.png) left center no-repeat !important; }
#contenu .zip, #contenu .rar { background: url(../images/icons/compressed.png) left center no-repeat !important; }
#contenu .gif, #contenu .jpg, #contenu .png { background: url(../images/icons/picture.png) left center no-repeat !important; }
#contenu .url { background: url(../images/icons/world.gif) left center no-repeat !important; }
#contenu .email { background: url(../images/icons/email.png) left center no-repeat !important; padding-left: 2em !important; }
.url a[target="_blank"], a.url[target="_blank"] {background: url(../images/icons/external.png) right center no-repeat !important;}
.icone { padding: 0.2em 0; }*/
.broken { text-decoration: line-through; }

/* Messages */
.message {
	clear:both;
	padding: 10px 30px;
	background: url(../images/icons/information.png) 5px 50% no-repeat #bfdcf3;
	border: 1px solid #fff;
	text-align: left;
}
h3.message { font-size: 0.9em;}
.good { background-image: url(../images/icons/accept.png); }
.warn { background-image: url(../images/icons/error.png); }
.error { background-image: url(../images/icons/exclamation.png); }


/*
 * Pagination et Outils d'impression et de retour
*/
#contenu ul#nav-contenu {
	clear: both;
	padding: 10px 0;
	margin: 2em 0 1em;
	text-align: center;
	background:url(../images/nav-contenu_bg.gif) no-repeat center top;
	font-size:0.9em;
}
.pagination { clear:both; margin:2em 0 1em; font-size:0.9em; text-align:center; }
#contenu #nav-contenu li { background: none; display: inline; padding:0; color:#3A846E; }
#contenu #nav-contenu li a { padding:0 15px 0 15px; color:#687986;}
#contenu #nav-contenu li a:hover { color:#fd5204;}
#contenu #nav-contenu li a.top { background:url(../images/puce_top.gif) no-repeat left center;}
#contenu #nav-contenu li a.print { padding-left:22px; background:url(../images/puce_imprimer.gif) no-repeat;}
#contenu #nav-contenu li.last a { padding-left:22px; background:url(../images/puce_recommander.gif) no-repeat;}
#contenu #nav-contenu li.last { border:0;}

ul.plan li.espace-membre, ul.plan li.connexion { display: none; }
#preview ul.plan { float:left; width:100%; padding-bottom:2em;}
#preview ul.plan ul { margin:1em 0 1em 2em;}
#preview ul.plan li {  float: left; width:45%; font-weight: bold; }
#preview ul.plan li li { float: none; width: 100%; font-weight:normal; }


table { width:100%; margin:1em auto;}
table td, table th { padding:5px;}
table th { background:#bddbf3; }
table td { border:1px solid #bddbf3;}

/********************* SHARE THIS***************************/

a.stbar.chicklet img { border:0; height:16px; width:16px; margin-right:3px; vertical-align:middle;}
a.stbar.chicklet { height:16px; line-height:16px;}

.sharethis { clear:both; margin:1em 0; border-top:1px solid #ccc;} 
.liste-references .sharethis { margin:0; border:0;}

/************** lexique **************/

p.lettres { float:left; font-size:1.2em; letter-spacing:0.05em;}
p.lettres a { float:left; display:block; padding:4px; width:20px; height:20px; border:1px solid #ccc; text-align:center;}

dt { font-size:1.2em; border-bottom: 1px solid #bfdcf3;}
dd { margin:5px 3em 1.5em; padding-left:12px; background:url(../images/puce_li_li.gif) no-repeat 0 3px;}


/************** liste offres  ****************/

.liste-offres .element { margin-bottom:2em;}
.liste-offres div.titre {
	 margin:0; 
	 padding:10px 0 0 25px; 
	 height:26px; 
	 text-transform:uppercase; 
	 letter-spacing:0.05em; 
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 background-color:#5589c1;
	 background:#fff url(../images/offres_titre_index_bg.gif) no-repeat;
}
.liste-offres .offre { 
	clear:both; 
	width:568px;
	padding:10px 20px; 
	min-height:160px;
	overflow:hidden; 
	border:1px solid #5589c1;
	background-color:#fff; 
	background-repeat:no-repeat; 
	background-position:left top; 
	/*background-image:url(../images/offres_index_bg.png);*/ 
}
.liste-offres div.titre h3 {background:none; margin:0; padding:0;}
.liste-offres div.titre h3 a { color:#fff;}
.liste-offres div.titre h3 a:hover { color:#000;}


/************** liste references  ****************/

.liste-references .element { padding-bottom:10px; border-bottom:3px solid #e1d3e6; overflow:hidden;}
.liste-references h3 { background:none; padding:0;}
.liste-references h3 a { color:#7c5a88; font-weight:bold;}
.liste-references h3 a:hover {color:#fe4800;}
.liste-references .gauche { border:1px solid #ccc; padding:2px;}
.liste-references .texte { float:right; width:350px;}
#preview p.prestations { color:#7c5a88; font-size:0.85em; font-style:italic; line-height:1.4em; text-align:left;}
#preview .liste-references ul { margin-left:0;}
#preview .liste-references ul li { padding:0; background:none;}


/************** liste temoignages  ***************/

.temoignages h3 { padding-left:0; background:none; }
.temoignages h3 a:hover { color:#cbe800; }
.temoignages .element { padding-bottom:1em; overflow:hidden; }
.liste-temoignages .element {  border-bottom: 3px solid #93C4EC;}
.temoignages .chapo { font-style:italic;}



/************** liste actualites  ***************

.liste-actualites .element { padding-bottom:10px; border-bottom:3px solid #bfdcf3; overflow:hidden;}*/


/* Généralités */
form { margin: 0; padding: 0;}
label, input, select, textarea { font-family: Arial, Courier new, Sans; font-size: 1em; }
label { cursor: pointer; }
.cnil { width: 80%; margin: 0 auto; font-size: smaller; line-height:normal; }

/* Formulaire en mode saisie */
form.valid fieldset { margin-bottom: 1em; padding: 1em; border:2px solid #bfdcf3;}
form.valid fieldset.hidden { margin: 0; padding: 0; height: 0; display: none; }
form.valid fieldset legend { font-weight: bold; color:black; }
.row { margin: 0.1em; clear: both; padding: 0.4em; min-height: 1em; }
.row label.main { display: block; float: left; width: 33%; text-align: right; }
.row input, .row textarea, .row select, .row .texte { margin-left: 1em; width: 60%; }
.row input, .row textarea, .row .texte, .row select { padding: 1px; }
.row .texte { float: left; padding: 0; }
.addsubmit input, .addsubmit select { width: 50%; }
.checkbox input, .radio input { width: auto !important; background: transparent !important; border: 0 !important; vertical-align:middle; }
.date select, .datetime select, .date input, .datetime input { width: auto; }
.submit { text-align: center; }
.submit input { width: auto; font-weight: bold; padding: 0.3em 2em; font-size: 1.1em; cursor: pointer; border:0 !important;}

/* bouton submit */
.submit input, input#contact-submit, input#devis-submit { background:#fe4800 !important; border:0; color:#fff; padding:4px 30px; font-weight:bold; text-transform:uppercase;}
input#contact-submit { background:#a7bf00 !important; }
input#mailing-submit { background:#29609a !important; }

.row small { padding-left: 35%; display: block; }
.seccode input {
	vertical-align: top;
	width: 5em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	height: 19px;
}
#rcode img { border: 0; background: 0; padding: 0; }
#rcode label { width: 50%; }

.checkbox input, .radio input { background: transparent; }

/* Code postal / ville */
#rcp { clear: left; float: left; width: 45%; }
#rville { width: 48%; }
#rcp label { width: 72%; }
#rcp input { width: 20%; float: left; }
#rville { clear: none; float: left; }
#rville label { width: 15%; }
#rville input { width: 76%; }

/* Formulaire en mode affichage */
table.valid { background-color:#FFF; width: 80%; }
table.valid, table.valid td, table.valid th {
	border:1px solid #A4A4A4;
	border-collapse:collapse;
	empty-cells: show;
	color: #000;
	margin:1em auto;
	text-align:center;
}
table.valid tr.group th { text-align: center; font-weight:bold; padding:5px; }
table.valid th, table.valid td { padding:5px; }
table.valid th { font-weight:normal; text-align: center; width: 30%;  }
table.valid td { text-align: left; }

/* Formulaire en mode saisie, affichage en ligne : label: champ | label: champ | label: champ */
form.inline { }
form.inline label, form.inline label.main { display: none; }
form.inline select, form.inline input { width: auto; }
form.inline div.row { display: inline; clear: none;}

/* Partie variable des sites */
table.valid tr#pays td, table.valid tr#livraison_pays td {
	background-color: #9D9DA3;
	color: #FFF;
}
.row input, .row textarea, .row select { background: #eaf4fb /*url(../images/input_bg.gif) repeat-x left bottom*/; border:1px solid #0b5aa4; }
form.valid .row .missing {
	background-image: url(../images/icons/delete.png);
	background-position: 100% 2px;
	background-repeat: no-repeat;
	/*color: red;*/
}
#contenu form.valid { padding: 0; margin: 0 auto; }
ul.errors { margin-left: 40px; }
ul.errors li label { font-weight: bold; }

form.themes select, form.recherche input { color:#29609a;}

/* form recherche */
form.recherche { float:left; width:230px; padding:5px 0 0; margin:1em 0 1.5em; height:40px; background:#fff url(../images/recherche_bg.gif) no-repeat;}
form.recherche .row label.main { width:auto;}
form.recherche input { width:75%; padding:1px; background:#fff; border:0;}
form.recherche input#motscles-addsubmit { margin-left:5px; border:0; background:none; color:#fff; font-weight:bold; text-transform:uppercase; font-size:0.9em; cursor:pointer;} 
div.lexique form.recherche {float:right;}

/* form themes */
form.themes { float:right; width:330px; padding:12px 0 0 20px; text-align:center; margin:1em 0 1.5em; height:33px; background:#fff url(../images/themes_bg.gif) no-repeat;}
form.themes .row label.main { width:auto;}
form.themes select { width:75%; padding:1px; background:#fff; border:0;}
form.themes input#theme-submit { margin-left:5px; border:0; padding:0 10px 0 0; background:none; color:#fff; font-weight:bold; text-transform:uppercase; font-size:0.9em; cursor:pointer;} 

body.offres-promotionnelles form.themes { margin-top:2em;}


/* form devis en ligne */

#prestations_optionnelles .row label.main { width:60%;}

#fonctionnalites .row label.main { width:20%; }
#fonctionnalites #rmodules label.main { width:100%; text-align:left; display:none;}
#fonctionnalites .row label.choice { width:50%; float:left; line-height:normal; margin:2px 0; }

/* form satisfaction client */
#satisfaction input[type=radio]{margin-top:0;}
#satisfaction label.main {margin-right:20px;}

/* footer détail */
div.footer-detail { clear:both; padding:0 10px 10px; font-size:0.8em;}
div.footer-detail li { clear:none; float:left; width:50%; }

/*************** bloc facebook ****************/

#facebook { position:fixed; width:284px; right:-254px; z-index:999; top:30%; }
#facebook .onglet { float:left; width:30px;}
#facebook #content { float:right; width:250px; background-color: #FFFFFF; border: 2px solid #3b5998;}


.liste-clients img.logo { margin:0 5px;}
.liste-clients table td { border:0; vertical-align:middle;}

/* slider logos clients */
#logos { width:316px; height:135px; margin:0; padding-bottom:10px; background:#fff url(../images/logos_bg.png) no-repeat; text-align:center;}
#logos div.titre { height:36px;}
#logos div.titre a { padding-top:0; text-align:left; color:#333 !important;}
#logos div.titre a:hover { color:#5589c3 !important;}
#slider2 { clear:both; height:80px !important; }
#slider2  div { float:left; left:0 !important;}
#slider2 img { max-height:80px;}