body {
	width: 847px;
	margin: 0px auto;
	background: #FFFFFF url(../images/bg_body.gif) repeat-y center top;
}
#tete, #corps, #pied, div#copyright {
	clear: both;
	padding: 0 25px;
	margin: 0px auto;
}
#site {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#tete {
	background: no-repeat center top;
	height: 205px;
}
#logo { padding-top: 30px; }
#chemin {
	clear: both;
	text-align: right;
}
#colonne-gauche, #colonne-centre {
	margin-top: 20px;
	height: 350px;
}
#corps > #colonne-gauche, #corps > #colonne-centre, #corps > #colonne-droite {
	height: auto;
	min-height: 350px !important;
}
#corps {
	padding-bottom: 20px;
}
#colonne-gauche {
	width: 230px;
	float: left;
 	font-size: 0.9em;
	color: #333333;
}

#colonne-centre {
	margin-left: 15px;
	padding: 0 20px;
	width: 500px;
	float: right;
	line-height: 1em;
}
#colonne-gauche ul, #colonne-gauche li, #colonne-gauche p {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Blocs utiles */
.bloc { 
	background: #D0DAE2;
	margin-bottom: 20px;
	padding: 0 10px 10px 10px;
	font-size: 0.9em;
}
.bloc p strong {
	display: block;
	background: #FFF;
	margin: 0 5px 10px 5px;
	padding: 2px 5px;
	color: #FE7302;
	text-align: center;
	font-size: 1.2em;
}
/* Dernières réalisations */
.annonce{	background: #d0dae2; padding: 10px; line-height: 1.4em;}
.annonce h4 { margin: 0px 0px 5px 0px; color: #FE7302; }
/* Dernières réalisations */
.realisations {
	margin-bottom: 20px;
}
.realisations p a {
	text-indent: -99999px;
	display: block;
	height: 31px;
	background: url(../images/realisations.gif) no-repeat left top;
}
.realisations li { padding-top: 4px !important; margin-left: 10px !important; background: url(../images/filet.gif) repeat-x left bottom;}
.realisations li a { display: block; background: no-repeat left center; padding: 8px 0 5px 25px; font-size: 0.9em; }
.realisations li.r1 a { background-image: url(../images/realisations-1.gif); }
.realisations li.r2 a { background-image: url(../images/realisations-2.gif); }
.realisations li.r3 a { background-image: url(../images/realisations-3.gif); }
.realisations li.r4 a { background-image: url(../images/realisations-4.gif); }
.realisations li.r5 a { background-image: url(../images/realisations-5.gif); }
.realisations li.r5 { background-image: none; }
.realisations li.last { margin-left: 0 !important; background-image: url(../images/realisations-pied.gif); }

/* style references */

#realisations .texte a img, .references .texte img { max-width:75px; margin:5px 5px 5px 0; border:1px solid #ccc; }
#realisations .references .texte .gauche, .references .texte .gauche { margin:0;}

.bloc#contact {
	background-color: #EBF5FC;
}
.bloc#contact em {
	font-style: normal;
	font-weight: bold;
}
.bloc#contact a {
	display: block;
	padding: 5px 0px 2px 0px;
	margin-top: 5px;
	background: url(../images/filet_contact.gif) repeat-x left top;
}
ul.outils { background: #D0DAE2; height: 15px; padding: 5px !important; }
ul.outils li { float: left; }
ul.outils li a { padding: 0 5px 0 18px; background: no-repeat left center; font-size: 0.9em;  }
ul.outils li.plan 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); }

#colonne-gauche form {
	margin-top: 20px;
	font-size: 0.9em;
	padding: 5px 15px 10px 15px;
	background: #D0DAE2 url(../images/form_fond.gif) no-repeat bottom left;
}
#colonne-gauche form label {
	width: 200px;
	display: block;
}
#colonne-gauche form input {
	width: 120px;
	margin-top: 5px;
	padding-left: 20px;
	border: 1px solid #62AEF8;
	font-size: 1em;
	background: #FFF url(../images/form_saisie.gif) no-repeat 0 5px;
}
#colonne-gauche form input.submit {
	border: 0;
	width: 28px;
	cursor: pointer;
	color: #F0F7FD;
	text-indent: -9999px;
	background: transparent url(../images/form_ok.gif) no-repeat center center;
}
#pied-page{
	margin-top: 30px;
	padding: 10px 20px 20px 20px;
	background: url(../images/filet.gif) repeat-x left top;
	text-align: center;
	clear: both;
}
#pied-page a {
}
#pied-page a.haut {
	padding-left: 10px;
	background: url(../images/haut.gif) no-repeat 0px 2px;
}
#pied-page a.imprimer {
	padding-left: 18px;
	margin-left: 10px;
	background: url(../images/print.gif) no-repeat 0px 0px;

}
#pied {
	background: #859baf;
	text-align: center;	
	padding: 10px 40px;
	border-bottom: 5px solid #7CBBEC;
	color: #FFF;
}

#pied a { color: #FFF; }

#pied {margin: 0px; padding: 10px 30px;}

#copyright { text-align: center; padding: 5px; display: none; }
ul.navigation { position: relative; width: 100%; margin-top: 70px; }
.navigation, .navigation li, .navigation ul, .nav3, .nav3 li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.navigation li {
	float: left;
}
.navigation li a {
	display: block;
	background: no-repeat 50% 0px;
	height: 22px;
	width: 113px;
	text-indent: -99999px;
	margin: 0 1px;
	border-bottom: 4px solid #61ADF8;
	font-family: Tahoma, Arial;
}
ul.navigation li.index {  }
ul.navigation li.index a {
	background: url(../images/bt_accueil.gif) no-repeat top center;
	width: 22px;
	margin-right: 50px;
	border-bottom: 0;
	margin-top: 4px;
}
ul.navigation li.qui-sommes-nous a { background-image: url(../images/bt_qui.gif); }
ul.navigation li.creation-de-sites-web a { background-image: url(../images/bt_creation-site.gif);  }
ul.navigation li.nos-services a { background-image: url(../images/bt_service.gif);  }
ul.navigation li.nos-references a { background-image: url(../images/bt_references.gif); }
ul.navigation li.actualites a { background-image: url(../images/bt_actualites.gif); }
ul.navigation li.contact a { background-image: url(../images/bt_contact.gif); }

.navigation li.select a, .navigation li a:hover { background-position: 50% -25px !important; }

/* Masquer les menus non désirés */
ul.navigation li.nos-references ul, .navigation li.plan, .navigation li.liens, .navigation li.glossaire, .navigation li.e-learning, .navigation li.congres-solution, .navigation li.e-business , .navigation li.plan-acces, .navigation li.liste-diffusion 	 {
	display:none !important;
}

/* Niveau 2 */
ul.navigation ul {
	position: absolute;
	margin-top: -205px;
	visibility: hidden;
	background: #FFF url(../images/bg_smenu.jpg) repeat-x left top;
	opacity: 0.8;
}
ul.navigation li.nos-services ul a {
	width: 133px;
}
ul.navigation li:hover ul { visibility: visible;; }
ul.navigation li ul li { float: none; }
ul.navigation li ul li a {
	float: none;
	text-indent: 0;
	color: #000;
	background: #FFF !important;
	height: 13px;
	margin: 0;
	padding: 4px 0;
	text-align: center;
}

ul.navigation li ul li.e-marketing-et-referencement a {
	height: 26px;
}
ul.navigation li ul li.derniers-clients a {
	height: 26px;
}
ul.navigation li ul li a:hover {
	background: #2A3879 !important;
	color: white;
}
ul.navigation li.creation-de-sites-web ul { padding-top: 104px; }
ul.navigation li.nos-services ul { padding-top: 16px; }
ul.navigation li.nos-references ul { padding-top: 4px;  }
ul.navigation li.actualites ul { padding-top: 116px;  }

ul.navigation li:hover ul ul { display: none; }

ul.nav3 li {
	float: left;
	padding: 0px 10px;
	margin: 3px 0px;
	border-right: 1px solid  #0149A3;
	background-image: none !important;
	white-space: nowrap;
}
ul.nav3 li.last { border-right: 0; }
ul.nav3 { margin: 10px 0 30px 0; height: 20px; padding: 0px 0px 5px;}
ul.nav3 ul {display: none;}
ul.nav3 li.select a { text-decoration: underline; }
body.devis-en-ligne-avocats ul.nav3 { display: none; }

body {
	font-size: 0.7em;
}
body, input, select, textarea, option, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #0149A3;
	text-decoration: none;
}

a:hover {
	color: #FE7201;
}
a img {	border: 0; }

#page a:visited {
}

h1 {
	height:40px;
	text-indent:-9999px;
	background: no-repeat center top;
	font-size: 0.1em;
	margin: 0;
}
.qui-sommes-nous h1 { background-image: url(../images/h1_qui.gif); }
.creation-de-sites-web h1 { background-image: url(../images/h1_creations-site.gif); }
.nos-services h1 { background-image: url(../images/h1_services.gif); }
.nos-references h1 { background-image: url(../images/h1_references.gif);  }
.actualites h1 { background-image: url(../images/h1_actualites.gif);  }
.contact h1 { background-image: url(../images/h1_contact.gif); }
.contact-solution-identite h1 { background-image: url(../images/h1_contact.gif); }
.plan h1 { background-image: url(../images/h1_plan.gif); }
.liens h1 { background-image: url(../images/h1_liens.gif); }
.glossaire h1 { background-image: url(../images/h1_glossaire.gif); }
.liste-diffusion h1 { background-image: url(../images/h1_mailing.gif); }
.erreur404 h1 { background-image: url(../images/h1_erreur404.gif); }
.support h1 { background-image: url(../images/h1_support.gif); }

h2 {
	clear: both;
	padding: 8px 10px 2px 10px;
	margin: 0 0 20px 0;
	font-size: 1.4em;
	text-align: center;
	color: #FE7201;
	background: #EBF5FC;
	border-bottom: 1px solid #D0DAE2;
}

h3 {
	clear:both;
	margin: 20px 0 0 0;
	padding: 8px 0 5px 15px;	
	font-size: 1.4em;
	color: #3399CC;
	background: url(../images/h2.gif) no-repeat left top;
}
h4 {
	clear:left;
	font-size: 1.1em;
	padding-left: 15px;
	font-weight: bold;
	color: #29609A;
	text-transform:uppercase;
	background: url(../images/h4.gif) no-repeat 0 5px;
}

h5 {
	clear:left;
	font-size: 1.1em;
	padding-left: 15px;
	color: #3074BC;
	font-size: 1em;
	background: url(../images/h5.gif) no-repeat left 6px;
}

h6 {

}
.page { clear: both; color:#3D3D3D; font-size: 1em; }
.page p { text-align: justify; line-height: 1.3em; }
.page ul { 
	margin: 0 0 0 15px;
}
.page li {
	list-style: none;
	background: url(../images/li.gif) no-repeat 0 4px;
	padding-left: 15px;
	line-height: 1.3em; 
}

.page strong { color: #424242; }
.page th { text-align: left; }
.page table { }
.page td, .page th { padding: 3px; }
.gauche {
	float: left;
	margin: 0px 15px 15px 0px;
}
.gauche p, .droite p, .centre p {
	margin: 0;
	padding: 0;
	font-size: smaller;
	text-align: center;
}
.droite {
	float: right;
	margin: 0px 0px 15px 15px;
}
.centre {
	margin: 15px 0;
	text-align: center;
}

div.cnil {
	font-size: 0.9em;
	line-height: normal;
}
.paiement .page img { margin: 10px; }

/* Elements de liste et navigation */
#rss { float: right; }
.element {
	padding: 5px 0;
	background: url(../images/filet.gif) repeat-x left top;
	clear: both;
}

.elementnav, .pagesnav {
	clear: both;
}

.pagesnav {
	text-align: center;
	padding-top: 10px;
}

.detail, .retour {
	display: block;
}
.detail {
	text-align: right;
	background: url(../images/picto_fleche.gif) no-repeat 100% 5px;
	padding-right: 10px;
}
.retour {
	text-align: left;
	background: url(../images/picto_fleche_retour.gif) no-repeat 0 5px;
	padding-left: 10px;
}
ul.telechargements {
	margin: 0;
	clear: both;
	padding: 10px 30px;
	background: #EBF5FC;
	border: 1px solid #D0DAE2
}
ul.prestations {
 	padding-left: 202px; 
}

/* Lexique */
div.lettres {
	text-align: center;
	padding:  10px 30px;
	background: #EBF5FC;
	border: 1px solid #D0DAE2
}
dt {
	font-weight:bold;
	padding-left:10px;
	background: url(../images/picto_fleche.gif) no-repeat left 5px;
	margin-top:10px;
}
dt a {font-weight:normal; }

.preview_n {
	width: 191px;
	background: transparent url(../images/references_bg_img_moyen.gif) no-repeat center center;
	height: 129px;
	padding: 4px;
}
.preview_s {
	width: 202px;
	background: transparent url(../images/references_bg_img.gif) no-repeat center center;
	height: 152px;
	padding: 4px;
}
.preview_t {
	width: 92px;
	background: transparent url(../images/references_bg_img_petit.gif) no-repeat center center;
	height: 70px;
	padding: 4px;
}
.page address { 
	margin-left: 50px;
	font-size: 1.2em;
}

.plan .page ul { padding-top: 10px; }
.plan .page li { padding-bottom: 10px; }
.plan .page li li { padding-bottom: 2px; }
.plan .page li a { font-weight: bold; }
.plan .page li li a { font-weight: normal; }
.plan .page li.plan a { text-decoration: blink; color: red; }
form { padding: 0; margin: 0; }

form.themes {
	text-align: right;
}
form.themes select {
	width: 250px;
}
div.row, div.submit {
	clear: both;
	padding: 5px 0;
}
div.submit {
	text-align: center;
}

.page form {
	width: 100%;
}
.page form label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	cursor: pointer;
}
.page form .checkbox label, .page form .radios label {
	width: auto;
	text-align: left;
}
div.choix label { clear: left; }
div.choix input { float: none !important; }
.page input, .page textarea {
	border: 1px solid #62AEF8;
	font-size: 12px;
	margin-left: 10px;
	width: 55%;
	padding: 2px;
	background: #FFF;
}
.page .submit input {
	vertical-align: middle;
	width: 150px;
	font-weight: bold;
	padding: 2px 0;
	cursor: pointer;
}
.page select {
	font-size: 12px;
	width: 55%;
	margin-left: 10px;
}
.page input.checkbox, .page input.radio {
	border: 0;
	width: auto;
	float: left;
	margin-left: 160px;
}
#lmodules { display: none; }
#row_modules input.checkbox { margin-left: 10px; float: left !important; }
#row_modules label { clear: none; width: 45%; padding-bottom: 10px;; }

.page fieldset {
	clear: both;
	margin-bottom: 10px;
	border: 1px solid #3399CC;
}
.page fieldset legend {
	padding: 5px;
	font-weight: bold;
	color: #62AEF8;
}
input#code {
	vertical-align: bottom;
	width: 100px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	height: 19px;
}

.cnil { font-size: smaller; }

/* Gestion des erreurs */
.missing {
	border: 1px dotted #FE7302 !important;
}
fieldset.errors {
	padding: 5px;
}
fieldset.errors p { margin: 0; padding: 3px;}
.page fieldset.errors label {
	cursor: pointer;
	font-style: italic;
	text-decoration: underline;
	float: none;
	display: inline;
}
@media print {
#colonne-gauche, #colonne-droite, #bandeau, #pied, .submit, .navigation, #pied-page, .pagesnav
{ display: none; }
body { background: none !important; }
body, #tete, #corps, #pied, div#copyright, #colonne-centre { padding: 0; margin: 0; width: auto !important; float: none; }
#tete { float: left; }
#tete, h1 { background: none !important; text-indent: 0 !important; height: auto !important; font-size: 1.5em; }
h2, h3, h4 { text-align: left !important; padding-left: 0; }
#tete, #corps, #pied, #chemin { height: auto; }
#site { border: 0; }
#logo { width: 100%; text-align: left; float: none; }
#copyright { clear: both; margin-top: 10px !important; border-top: 1px dotted; padding-top: 10px !important; display: block; }
}