body {font: 0.8em arial, verdana, tahoma, 'sans serif';margin: 0;padding: 0px;
background:#fff url(img/body.jpg) center top no-repeat; width:100%;}
* {margin:0; padding:0;}

#header {height:257px; width:982px; margin:0 auto; background:transparent url(img/header.jpg) center top no-repeat;
position:relative; text-align:center;}
#container, #containeraccueil {width:982px; margin:0 auto; position:relative;}
#container {background: transparent url(img/bgcontainer.gif) left top repeat-y;}
#footer {width:694px; height:121px; clear:both; margin-left:3px;}

a img {border:0 none;}
/*#container a {color:#da3884;}*/
input[type=submit] {cursor:pointer;}
hr.clear {border:0px none; height:0px; clear:both; visibility:hidden;}

/*header*/
#recherche {position:absolute; top:114px; right:60px; width:113px; height:19px;
background:transparent url(img/formrecherche.jpg) left top no-repeat;}
h1 {text-align:center; margin-bottom:35px;}
h1 {position:absolute; top:24px; right:0px; clear:both;}
*+html h1{margin-bottom:35px;}
fieldset{border:0px none;}
#recherche .input {float:left;}
#recherche .input input {font-size:10px; text-align:right; color:#000; width:90px; height:15px; padding:2px;
border:0px none; background:none; width:90px;}
.okbutton {float:left;}
.okbutton input {font-size:10px; font-weight:bold; color:#fff; background:none; border:0px none; height:19px; width:19px;
line-height:10px; text-align:center; vertical-align:middle;}

/*menu*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#menu {font-family: arial, sans-serif; font-size:13px; z-index:1000; font-weight:bolder;
height:259px; width:153px; text-transform:uppercase; color:#fefefe; margin-left:1px;}
#menu ul {margin:0; list-style: none; position:relative; z-index:1000; height:234px;
padding-top:25px; background: transparent url(img/bgmenu.png) left top no-repeat; padding-left:23px; }
#menu ul li {position:relative; margin-bottom:5px; z-index:1000;}
#menu .sousmenu {display:none; z-index:1; padding-top:0; background:none;}
#menu .sousmenu ul {display: none; z-index:1; padding:0; background:none; height:auto;}
#menu .sousmenuactif ul{background:none; padding:0; height:auto;}

#menu .sousmenuactif ul li {margin:0; padding:0; width:275px; height:19px; padding:2px 0;
background: transparent url(img/contsousmenu.jpg) left top repeat-y; z-index:1;}

#menu ul li a, #menu ul li a:visited {width:125px;display:block; text-decoration:none; color:#fefefe; line-height:19px; font-size:13px;
z-index:1000; height:19px; padding-left:4px;}
#menu ul li.active a, #menu ul li.active2 a {background: #648000;color:#ead100;}
#menu .sousmenuactif ul li a, #menu .sousmenuactif ul li a:visited {z-index:1;}

/* specific to non IE browsers */
#menu ul li a:hover, #menu ul li:hover a {background: #648000; color:#ead100;}
#menu .sousmenuactif {display:block; position:absolute; top:40px; left:-240px; z-index:1;}
#menu .sousmenuactif ul li a {display:block; color:#fff; height:19px;
background:none; width:250px; margin-left:20px; text-transform:none;}
#menu .sousmenuactif ul li a:hover {background: #b2e400; color:#000;}
#menu #topsousmenu {display:none;}
#menu .sousmenuactif ul #topsousmenu {background:transparent url(img/topsousmenu.png) left top no-repeat;
height:22px; width:275px; display:block; padding:0;}
#menu #botsousmenu {display:none;}
#menu .sousmenuactif ul #botsousmenu {background:transparent url(img/botsousmenu.png) left top no-repeat;
height:23px; width:275px; display:block; padding:0;}
/****************************Menu horizontal - FIN*******************************/

/*menu privatif*/
#menuprive {font-family: arial, sans-serif;position:absolute; font-size:12px; z-index:1000; top:0;left:0;
height:23px; margin:0; background: transparent url(img/menuprive.jpg) left top no-repeat; width:764px;
padding-left:15px;}

#menuprive ul li a, #menuprive ul li a:visited {display:block; text-decoration:none;height:23px; 
text-align:center; color:#000; line-height:23px; font-size:12px; font-weight:bold;
overflow:hidden;}
#menuprive ul li a.active {color:#cb23ad;}
#menuprive ul {padding:0; margin:0; list-style: none; width:779px; text-align:center;}
#menuprive ul li {float:left; position:relative;}

#menuprive a#un {width:147px;}
#menuprive a#deux {width:237px;}
#menuprive a#trois {width:166px;}
#menuprive a#quatre {width:196px;}
#menuprive ul li:hover a, #menuprive ul li a:hover  {color: #cb23ad;}

/*connexion*/
#connexion {position:absolute; top:75px; right:0; width:85px; height:80px;}
#connexion a#account {display:block; height:65px;}
#connexion a#deco {color:#000;background:transparent url(img/bullet.png) left center no-repeat;
padding-left:15px;}
#connexion a#deco:hover {text-decoration:none;color:#666;}

/*Formulaire accès client*/
.accesclient fieldset {}
.accesclient input, .accesclient button {font-size:16px;}
.accesclient p.input, .accesclient p.okbutton {text-align:center;}
.accesclient p.okbutton button {border:0px none; color:#fff;
 padding:0px; display:block; float:right;height:39px; width:133px;font-weight:bold;background: url(img/bg_valider.gif)left top no-repeat;}
p.links {text-align:right;}
p.links a {color:#000;}
p.links a:hover {text-decoration:none;}

/*footer*/
#part-priv {height:90px; border-bottom:1px solid #7addcc;}
#titrepart {color:#7addcc; padding-right:15px; font-size:10px; padding-left:5px; border-bottom:1px solid #7addcc;}
#logos {height: 51px;}
#logos .firstlink {padding-left:79px;}
#logos img {margin-right:100px;padding-top:10px; }
#logos a {text-decoration:none;}
#legals {text-align:center; color:#4e8d82; font-size:11px; padding-top:7px; background:#7addcc; margin-top:1px;
list-style-type:none; height:19px; padding-left:135px;}
#legals * {color:#4e8d82; font-size:11px; text-decoration:none;}
#legals a {color:#4e8d82;}
#legals a:hover {text-decoration:underline;}
#legals li {float:left; margin-right:10px;}

/*Fil d'ariane*/
#ariane {height:20px; width:678px; color:#000; font-size:11px; background: transparent url(img/bgariane.gif) right top no-repeat;
padding-left:6px; position:absolute;}
#left #ariane p {margin:0;padding:0;}
.arianeprive {top:40px;}
.arianepublic {top:20px;}
#left #ariane a {color:#000; font-size:11px; text-decoration:none; line-height:20px;}
#left #ariane a:hover {text-decoration:underline;color:#666;background:none;}
#left #ariane a.nogo {cursor:auto;}
#left #ariane a.nogo:hover {text-decoration:none;background:none;}
#left #ariane img {vertical-align:top;}

/*colonne droite commun*/
#logoVeritas {padding-left:85px; margin:10px 0;}
#publicite {/*padding-left:23px;*/ /*background:transparent url(img/pub.gif) right top no-repeat;*/ width:241px; margin-bottom:10px;}
#publicite img {width:241px; border:1px solid #000;}

#news h2, #agenda h2 {z-index:1000; position:relative; height:76px; line-height:60px;
font-size:24px; color:#fefefe;}
#news h2 a, #agenda h2 a {display:block;text-decoration:none; color:#fefefe; height:60px;}
#news h2 a:hover, #agenda h2 a:hover {text-decoration:underline;}
#news .seemore a, #agenda .seemore a {color:#474747; text-decoration:none; font-size:12px; text-decoration:underline;}
#news .seemore a:hover, #agenda .seemore a:hover {text-decoration:none;}

#coldroite table, #leftaccueil table {font-size:11px;}
#leftaccueil table {width:90%;margin:5px auto 15px auto;}
#coldroite table a, #leftaccueil table a {color:#666;text-decoration:none;}
#coldroite table a:hover, #leftaccueil table a:hover {color:#444;text-decoration:underline;}

/*titres*/
#h2 {background:transparent url(img/lefth2.jpg) left top no-repeat; padding-left:58px;}
h2.titre {background:transparent url(img/righth2.jpg) right top no-repeat; line-height:33px;
color:#99c027; font-size:25px; display:table-cell; padding-right:57px; padding-bottom:25px;font-weight:lighter;}
*+html h2.titre {display:inline;}
/*page d'accueil*/
#leftaccueil {float:left; width:717px; position:relative; min-height:234px;}
#coinaccueil {width:45px; height:11px; background:transparent url(img/coinaccueil.jpg) left top no-repeat;
position:absolute; top:-11px; left:0; z-index:1000; clear:both;}
*+ html #coinaccueil {position:relative; margin-top:-11px; top:0;}
#coldroiteaccueil {width:265px; float:left; background: transparent url(img/coldroiteaccueil.jpg) right top no-repeat;
position:relative;}
#temoignages {float:left; width:231px; height:671px; background:transparent url(img/temoignages.jpg) left top no-repeat;
padding-top:74px; font-size:11px;}
#autopromos {float:left; width:470px; padding-top:55px; padding-left:15px;}
.temoignage1, .temoignage2, .temoignage3 {height:160px; padding-left:5px; position:relative;}
.temoignage1 {margin-bottom:45px;}
.temoignage2 {margin-bottom:56px;}
#leftaccueil #temoignages h3 {font-size:14px;font-variant:normal;margin:0px 0px 15px 0px;border:0;}
.seeTemoignage {position:absolute; left:70px; bottom:15px;}
.seeTemoignage a {color:#000;}
.seeTemoignage a:hover, .seeautopromo a:hover {text-decoration:none;}

#video {padding-left:13px; text-align:right;}
#video h2 {height:76px; line-height:60px; padding-left:15px; font-size:24px; color:#fefefe; text-align:left;}

#coldroiteaccueil #news, #coldroiteaccueil #agenda {height:151px; overflow:hidden; position:relative; width:252px; padding-left:13px;}
#coldroiteaccueil #agenda {height:146px;}
#coldroiteaccueil #defilNews2 {position:relative; z-index:500;
padding:0 5px; font-size:11px; color:#474747;}
#coldroiteaccueil #defilAgenda2 {position:relative; z-index:500;
padding:0 5px; font-size:11px; color:#474747;}
#coldroiteaccueil #news .bodynews {height:75px; padding:0 10px; font-size:11px;}
#coldroiteaccueil #agenda .bodynews {height:70px; padding:0 10px; font-size:11px;}
#coldroiteaccueil #contDefilNews {position:relative; overflow:hidden; height:75px;}
#coldroiteaccueil #contDefilAgenda {position:relative; overflow:hidden; height:70px;}
#coldroiteaccueil h3, #coldroite h3 {color:#00355e; font-size:12px; font-weight:bold;margin:4px 0;border:0;}

.autopromo {width:442px; height:183px; margin-bottom:25px; padding-top:5px; position:relative;}
.contenu-autopromo {color:#fff; font-size:14px;  padding:10px 5px 8px 18px;
width:326px; height:165px; float:left;}
.contenu-autopromo h2 {font-size:28px; font-weight:normal; height:38px; margin-bottom:3px;}
.seeautopromo {position:absolute; left:17px; bottom:13px; clear:both; color:#fff; font-size:14px; font-weight:bold;}
.seeautopromo a {color:#fff; font-size:14px; font-weight:bold;}

#publiredac {clear:both; padding:15px 10px 10px 10px; width:676px;
background:#ebecdf url(img/toppubliredac.jpg) center top no-repeat;}
#publiredac h2 {color:#458b07; font-size:25px; font-weight:normal; padding-bottom:15px;}
#publiredac ul {padding-left:50px;}
.seepubli {font-size:13px; color:#ff4800; font-weight:bold; margin-top:20px;}
.seepubli a {font-size:13px; color:#ff4800; font-weight:bold;}

/*page intérieure*/
#left {float:left; width:664px; position:relative; min-height:732px; background: transparent url(img/bgleft.gif) left top no-repeat;
padding:73px 20px 0 33px;}
#coldroite {width:265px; float:left; background: transparent url(img/coldroite.jpg) right top no-repeat; position:relative;}

#coldroite #news, #coldroite #agenda {height:151px; overflow:hidden; position:relative; width:252px; padding-left:13px;}
#coldroite #agenda {height:146px;}
#coldroite #defilNews2 {position:relative; z-index:500;
padding:0 5px; font-size:11px; color:#474747;}
#coldroite #defilAgenda2 {position:relative; z-index:500;
padding:0 5px; font-size:11px; color:#474747;}
#coldroite #news .bodynews {height:75px; padding:0 10px; font-size:11px;}
#coldroite #agenda .bodynews {height:70px; padding:0 10px; font-size:11px;}
#coldroite #contDefilNews {position:relative; overflow:hidden; height:75px;}
#coldroite #contDefilAgenda {position:relative; overflow:hidden; height:70px;}
#coldroite #news .titrenews, #coldroite #agenda .titrenews {color:#00355e; font-size:14px; font-weight:bold;}

/*Partage avec tiny*/
h3 {color:#ca203c;border-bottom:1px solid;font-size:130%;margin:20px 0 10px 0px;}
.avecPuce {background: url(img/puce_connexion.gif) left top no-repeat;padding:0px 0px 8px 35px;}
h4 {background: url(img/puce_connexion-transp.gif) left top no-repeat;padding:3px 0px 0px 23px;height:16px;margin:13px 0;}
.turquoise {color:#1daa99;}
.vertClair {color:#8fab01;}
.mauve {color:#dd79cf;}
.intro {font-size:110%;font-weight:bolder;}
#left p {margin:10px 0;}
#left ul {margin-left:30px;padding-left:30px;}
#left a.pdf {
	background:#e7f487 url(img/pdf.png) left center no-repeat;
	display:block;
	height:22px;
	padding-left:35px;
	padding-top:10px;
	border:1px solid #bacc30;
	}
		#left a.pdf:hover {
		background:#d6e276 url(img/pdf.png) left center no-repeat;
		}

#left a.linkForm {
	background:#5dc3b7 url(img/form_v.png) left center no-repeat;
	display:block;
	height:22px;
	padding-left:35px;
	padding-top:10px;
	border:1px solid #0c9383;
	}
		#left a.linkForm:hover {
		background:#57b1a6 url(img/form_v.png) left center no-repeat;
		}

#left a {color:#000;font-weight:bolder;}
#left a:hover {text-decoration:none;background:#b2e400;}

#left a#deco {color:#000;font-weight:bolder;background:transparent url(img/bullet.png) left center no-repeat;padding-left:15px;}
#left a#deco:hover {text-decoration:none;color:#666;}

/*liste des fiches stats */
.cadre_fiche {width:658px;background:#f1f1f1 url(img/cadre_top.gif) top left no-repeat;padding:15px 7px 0px 7px;}
#left .cadre_fiche h4 {margin-top:9px;}
#left .cadre_fiche p {margin-bottom:0;padding:0px 10px;}
#left .cadre_fiche p.desc {padding:0px 5px;margin:5px 20px;border-left:3px solid #e1e1e1;}
.cadre_bot {width:672px;height:35px;background:#fff url(img/cadre_bot.gif) top left no-repeat;margin-bottom:10px;}

/*conférences*/
.categorie {margin-bottom:35px;}
/*liste des news / agenda */
#left p.seemore {text-align:right;}
#left p.seemore a {font-weight:lighter;color:#666;font-size:90%;}

/*témoignages*/
.temoignageType {background:#fff url(img/bg_temoignons.png) top left no-repeat;width:230px;height:165px;float:left;
position:relative;padding:5px 0 0 5px;}
#left .temoignageType p {margin:0;font-size:11px;}
.temoignageType div#coin {position:absolute;width:110px;height:81px;left:0;bottom:1px;}
#left .temoignageType h3 {border:0;margin:0;}

/*partenaires*/
#left a.deroule {color:#666;font-weight:bolder;background:transparent url(img/deroule.png) left top no-repeat;
padding-left:23px;}
#left a.deroule:hover {text-decoration:none;color:#666;background-position:left bottom;}

/*Formulaires*/

#alert {padding:0 30px; color:#fc1422;}
#formulaire {color:#9a9a9a;}
#formulaire form {width:664px; margin:0 auto;}
#formulaire fieldset { margin:10px 0;}
#formulaire h3 span, h3 span.infos {font-size:11px;color:#bbb;display:block;float:right;margin-top:8px;font-weight:lighter;}
#formulaire .contfieldset {padding:15px 0;}
#formulaire .contfieldset p {margin:5px auto;}
#formulaire .contfieldset label {display:block; float:left; width:39%; text-align:right; padding-right:3%;
padding-top:7px;height:23px;color:#1daa99;font-variant:small-caps;font-size:120%;font-weight:bold;}
#formulaire .contfieldset select {display:block;width:343px; padding:2px;color:#487b80;font-size:120%;
font-variant:small-caps;font-weight:bolder;}

#formulaire input.text {border:none;background:transparent url(img/bg_input_txt.gif) left top no-repeat;width:341px;
height:24px;padding:6px 3px 0px 3px;color:#487b80;font-size:120%;font-variant:small-caps;font-weight:bolder;}
.accesclient p.input input {border:none;background:transparent url(img/bg_input_txt.gif) left top no-repeat;width:341px;
height:24px;padding:6px 3px 0px 3px;color:#487b80;font-size:120%;font-weight:bolder;}
#formulaire input.text2 {width:341px;height:24px;padding:6px 3px 0px 3px;color:#487b80;font-size:120%;
font-variant:small-caps;font-weight:bolder;}

#formulaire .contfieldset textarea {border:none;background:transparent url(img/bg_textarea.gif) left top no-repeat;
width:335px;height:152px;padding:6px;color:#487b80;font-size:120%;}

#formulaire .sendIt {width:216px; float:right;}
#formulaire .sendIt input, #formulaire .sendIt a {border:0px none; color:#fff; font-size:110%;font-variant:small-caps;
 padding:0px; display:block; float:left; text-align:center;font-weight:bold;}
#formulaire .sendIt input {background: url(img/bg_valider.gif) left top no-repeat;}
#formulaire .sendIt a {background: url(img/bg_retour.gif) left top no-repeat;text-decoration:none;margin-right:3px;
height:27px; width:75px;padding-top:12px;}
#formulaire .sendIt input {height:39px; width:133px;}

#formulaire #nbGuide {width:50px; float:left;}
#formulaire input.checkbox  {float:left; width:10px; margin-left:35px;display:inline; float:none; margin-bottom:15px;}
#formulaire label.checkbox {text-align:left; padding-left:5px; display:inline; float:none; padding-top:0px; vertical-align:middle;}
#formulaire input.checkbox2 {display:inline; float:none;}

#formulaire table {border:1px solid #9a9a9a; border-collapse:collapse; width:95%; margin:10px auto;}
#formulaire th {background:#f6f6f0;color:#666;}
#formulaire th, #formulaire td {border:1px solid;padding:3px;}
#formulaire td input.checkbox  {float:left; width:10px; margin-left:0px; 
display:inline; float:none; margin-bottom:10px;}
#formulaire td label.checkbox {text-align:left; padding-left:5px; display:inline; float:none; padding-top:0px; vertical-align:middle;}

#formulaire .conditions #accord {width:10px; display:inline; margin-top:30px;}
#formulaire .mentions {font-size:11px; padding:10px 20px;}
#formulaire .mentions ul {padding-left:30px;}
#formulaire .contfieldset label.red {color:#fc1422;}