/***********************************
/* RESET
/***********************************

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***********************************
/* FIN RESET
/***********************************

/***********************************
/* MISE EN FORME DU TEXTE
/***********************************

/*960 Grid System ~ Text CSS.Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/

/*-----------------------------------------------
		Text CSS - SUMMARY
-------------------------------------------------
00)  BASIC HTML
01)  HEADINGS
02)  SPACING
03)  MISE EN FORME GENERALE
------------------------------------------------*/

/* BASIC HTML
{
------------------------------------------------*/

body
{font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;}
a:focus
{outline: 1px dotted invert;}
hr
{border-color: #ccc;border-style: solid;border-width: 1px 0 0;clear: both;height: 0;}

/*
}----------------------------------------------- */

/* HEADINGS
{
-------------------------------------------------*/

h1
{font-size: 25px;}
h2
{font-size: 23px;}
h3
{font-size: 21px;}
h4
{font-size: 19px;}
h5
{font-size: 17px;}
h6
{font-size: 15px;}

h4 
{font-size:1.3em;}
h5 
{font-size:1.2em;}
h6 
{font-size:1em; text-transform:uppercase;}

h1 a 
{font-weight:normal;}

/*
}----------------------------------------------- */


/* SPACING
{
-------------------------------------------------*/

ol
{list-style: decimal;}
ul
{list-style: circle;}
li
{margin-left: 30px;}
.filmstrip li
{margin-left:0;}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{margin-bottom: 20px;}

/*
}----------------------------------------------- */


/* MISE EN FORME GENERALE
{
-------------------------------------------------*/
.ttttpetit
{font-size:50%;} 
.tttpetit
{font-size:60%;} 
.ttpetit
{font-size:70%;} 
.tpetit
{font-size:80%;} 
.petit
{font-size:90%;}
.grand
{font-size:110%;} 
.tgrand
{font-size:120%;} 
.ttgrand
{font-size:130%;} 
.tttgrand
{font-size:140%;} 
.ttttgrand
{font-size:150%;}
.gros
{font-size:160%;} 
.tgros
{font-size:170%;} 
.ttgros
{font-size:180%;} 
.tttgros
{font-size:190%;} 
.ttttgros
{font-size:200%;}

.arial
{font-family:arial;}
.verdana
{font-family:verdana;}
.times
{font-family:times;}
.courrier
{font-family:courrier;}
.impact
{font-family:impact;}
.geneva
{font-family:geneva;}
.optima
{font-family:optima;}
.sans-serif
{font-family:sans-serif;}

.rouge
{color:#FF0001;}
.rose
{color:#FF00FF;}
.violet
{color:#6B35BB;}
.bleu
{color:blue;}
.bleuclair, .bleuclair a
{color:#54A2FF;}
.bleu_ciel, .bleu_ciel a
{color:#00FFFF;}
.vert
{color:green;}
.jaune
{color:yellow;}
.orange
{color:#FF8600;}
.marron
{color:#6B3503;}
.gris
{color:#777;}
.noir
{color:#000;}
.blanc
{color:#FFF;}

a img
{border:none;}
.justifier
{text-align:justify;}
.centrer
{text-align:center;}
.gauche
{float:left;}
.droite
{float:right;}

.droite img
{margin:20px;margin-top:0;margin-bottom:0;}
.gauche img
{margin:20px;margin-bottom:0;}
.centrer img
{margin:20px;margin-top:-20px;}

.souligner
{text-decoration:underline;}
.surligne
{background-color:#FCDA87;}

.supprime
{margin-top:-5px;}

.indent
{text-indent:32px;}

.gras
{font-weight:bold;}
.italic
{font-style:oblique;}


/*
}----------------------------------------------- */

/***********************************
/* FIN MISE EN FORME DU TEXTE
/***********************************

/***********************************
/* 960 GRID SYSTEM
/***********************************

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/*-----------------------------------------------
	960 Grid System ~ Core CSS - SUMMARY
-------------------------------------------------
00)  Containers
01)  Grid >> Global
02)  Grid >> Children (Alpha ~ First, Omega ~ Last)
03)  Grid >> 12 Columns
04)  Grid >> 16 Columns
05)  Prefix Extra Space >> Global
06)  Prefix Extra Space >> 12 Columns
07)  Prefix Extra Space >> 16 Columns
08)  Suffix Extra Space >> Global
09)  Suffix Extra Space >> 12 Columns
10)  Suffix Extra Space >> 16 Columns
11)  Clear Floated Elements
------------------------------------------------*/

/* `Containers
{
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16{margin-left:auto;margin-right:auto;width:960px;}
/*
}----------------------------------------------- */

/* `Grid >> Global
{
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px;}

.container_12 .grid_3,
.container_16 .grid_4{width:220px;}

.container_12 .grid_6,
.container_16 .grid_8{width:460px;}

.container_12 .grid_9,
.container_16 .grid_12{width:700px;}

.container_12 .grid_12,
.container_16 .grid_16{width:940px;}

/*
}----------------------------------------------- */

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
{
----------------------------------------------------------------------------------------------------*/

.alpha{margin-left:0;}

.omega{margin-right:0;}

/*
}----------------------------------------------- */

/* `Grid >> 12 Columns
{
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1{width:60px;}

.container_12 .grid_2{width:140px;}

.container_12 .grid_4{width:300px;}

.container_12 .grid_5{width:380px;}

.container_12 .grid_7{width:540px;}

.container_12 .grid_8{width:620px;}

.container_12 .grid_10{width:780px;}

.container_12 .grid_11{width:860px;}

/*
}----------------------------------------------- */

/* `Grid >> 16 Columns
{
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1{width:40px;}

.container_16 .grid_2{width:100px;}

.container_16 .grid_3{width:160px;}

.container_16 .grid_5{width:280px;}

.container_16 .grid_6{width:340px;}

.container_16 .grid_7{width:400px;}

.container_16 .grid_9{width:520px;}

.container_16 .grid_10{width:580px;}

.container_16 .grid_11{width:640px;}

.container_16 .grid_13{width:760px;}

.container_16 .grid_14{width:820px;}

.container_16 .grid_15{width:880px;}

/*
}----------------------------------------------- */

/* `Prefix Extra Space >> Global
{
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4{padding-left:240px;}

.container_12 .prefix_6,
.container_16 .prefix_8{padding-left:480px;}

.container_12 .prefix_9,
.container_16 .prefix_12{padding-left:720px;}

/*
}----------------------------------------------- */

/* `Prefix Extra Space >> 12 Columns
{
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1{padding-left:80px;}

.container_12 .prefix_2{padding-left:160px;}

.container_12 .prefix_4{padding-left:320px;}

.container_12 .prefix_5{padding-left:400px;}

.container_12 .prefix_7{padding-left:560px;}

.container_12 .prefix_8{padding-left:640px;}

.container_12 .prefix_10{padding-left:800px;}

.container_12 .prefix_11{padding-left:880px;}

/*
}----------------------------------------------- */

/* `Prefix Extra Space >> 16 Columns
{
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1{padding-left:60px;}

.container_16 .prefix_2{padding-left:120px;}

.container_16 .prefix_3{padding-left:180px;}

.container_16 .prefix_5{padding-left:300px;}

.container_16 .prefix_6{padding-left:360px;}

.container_16 .prefix_7{padding-left:420px;}

.container_16 .prefix_9{padding-left:540px;}

.container_16 .prefix_10{padding-left:600px;}

.container_16 .prefix_11{padding-left:660px;}

.container_16 .prefix_13{padding-left:780px;}

.container_16 .prefix_14{padding-left:840px;}

.container_16 .prefix_15{padding-left:900px;}

/*
}----------------------------------------------- */

/* `Suffix Extra Space >> Global
{
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4{padding-right:240px;}

.container_12 .suffix_6,
.container_16 .suffix_8{padding-right:480px;}

.container_12 .suffix_9,
.container_16 .suffix_12{padding-right:720px;}

/*
}----------------------------------------------- */

/* `Suffix Extra Space >> 12 Columns
{
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1{padding-right:80px;}

.container_12 .suffix_2{padding-right:160px;}

.container_12 .suffix_4{padding-right:320px;}

.container_12 .suffix_5{padding-right:400px;}

.container_12 .suffix_7{padding-right:560px;}

.container_12 .suffix_8{padding-right:640px;}

.container_12 .suffix_10{padding-right:800px;}

.container_12 .suffix_11{padding-right:880px;}

/*
}----------------------------------------------- */

/* `Suffix Extra Space >> 16 Columns
{
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1{padding-right:60px;}

.container_16 .suffix_2{padding-right:120px;}

.container_16 .suffix_3{padding-right:180px;}

.container_16 .suffix_5{padding-right:300px;}

.container_16 .suffix_6{padding-right:360px;}

.container_16 .suffix_7{padding-right:420px;}

.container_16 .suffix_9{padding-right:540px;}

.container_16 .suffix_10{padding-right:600px;}

.container_16 .suffix_11{padding-right:660px;}

.container_16 .suffix_13{padding-right:780px;}

.container_16 .suffix_14{padding-right:840px;}

.container_16 .suffix_15{padding-right:900px;}

/*
}----------------------------------------------- */

/* `Clear Floated Elements
{
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}

.clearfix{display:inline-block;}

* html .clearfix{height:1%;}

.clearfix{display:block;}

/*
}----------------------------------------------- */

/***********************************
/* FIN 960 GRID SYSTEM
/***********************************

/***********************************
/* SPECIFICITE DU SITE
/***********************************

/*-----------------------------------------------
		Layout CSS - SUMMARY
-------------------------------------------------
00)  HTML, BODY
01)  ANCHORS
02)  960 GRID SYSTEM CONTAINER
03)  HEADINGS
04)  BRANDING
05)  PAGE HEADING
06)  BOXES
07)  PARAGRAPHS, QUOTES AND LISTS
08)  MENUS
09)  SUBMENUS
10)  SECTION MENUS
11)  NAVIGATION CENTRAGE DE LA BARRE DE MENU 
12)  NAVIGATION (HORIZONTAL SUBNAVIGATION)
13)  MISE EN VALEUR DE L'ONGLET DE LA PAGE EN COURS
14)  FORMS
15)  ARTICLES
16)  SITE INFORMATIONS
17)  ACCORDIAN
18)  ENTETE
19)  LES BLOCS GENERAUX
20)  DIAPORAMA
21)  DIVERS
22)  SPECIFIQUE AU SITE
23)  TABLES
------------------------------------------------*/

/* HTML, BODY
{
----------------------------------------------- */

html
{width:100%;margin:auto;}
body
{font-size:12px;padding:0;text-align:justify;}

/*
}----------------------------------------------- */


/* ANCHORS
{
----------------------------------------------- */
a
{font-weight:bold;text-decoration:none;}
.num_page, .num_page a
{text-align:right;}


/*
}----------------------------------------------- */

/* 960 GRID SYSTEM CONTAINER
{
----------------------------------------------- */
.container_12,
.container_16
{margin:auto;}


/*
}----------------------------------------------- */

/* HEADINGS
{
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6
{line-height:1.2em; margin-bottom:.3em;}
h2
{margin-top:1em;}

/*
}----------------------------------------------- */

/* BRANDING
{
----------------------------------------------- */
h1#branding 
{font-weight:normal;font-size:3em;text-align:left;background:#aaa;padding:.7em 1em;margin-bottom:0;}


/*
}----------------------------------------------- */

/* PAGE HEADING
{
----------------------------------------------- */
h2#page-heading 
{font-weight:normal;padding:.5em;margin:0 0 10px 0;border-bottom:1px solid #ccc;}


/*
}----------------------------------------------- */

/* BOXES
{
----------------------------------------------- */
.box 
{margin-bottom:20px;padding:10px 7px 80px 10px;}
.box h2 
{font-size:1em;font-weight:normal;margin:10px 0 10px 0;padding:6px 12px;clear:both;}
.box h2 a,
.box h2 a.visible 
{display:block;padding:6px 12px;margin:-6px -12px;border:none;}
.grid_4 .box h2 a 
{background-position:97% 50%;}
.grid_5 .box h2 a 
{background-position:98% 50%;}
.grid_12 .box h2 a 
{background-position:99% 50%;}

.box h2 a.hidden,
.box h2 a.hidden:hover
{background-image:url("../images/design/switch_plus.gif");}
.block
{padding-top:10px;}
div.menu
{padding:0;}
div.menu h2
{margin:0;}
div.menu .block
{padding-top:0;}

/*
}----------------------------------------------- */

/* PARAGRAPHS, QUOTES AND LISTS
{
----------------------------------------------- */
p
{margin-bottom:2em;margin-right:0.5em;margin-left:0.5em;}
blockquote
{font-family:Georgia, 'Times New Roman', serif;font-size:1.2em;padding-left:1em;border-left:4px solid #ccc;}
blockquote cite
{font-size:.9em;}
ul, ol
{padding-top:0;}

/*
}----------------------------------------------- */

/* MENUS
{
----------------------------------------------- */
ul.menu
{list-style:none;border-top:1px solid #bbb;}
ul.menu li
{margin:0;}
ul.menu li a
{display:block;padding:4px 10px;border-bottom:1px solid #ccc;}
ul.menu li a:hover
{background:#eee;}
ul.menu li a:active
{background:#ccc;}

/*
}----------------------------------------------- */

/* SUBMENUS
{
----------------------------------------------- */
ul.menu ul
{list-style:none;margin:0;}
ul.menu ul li a 
{padding-left:30px;}

/*
}----------------------------------------------- */

/* SECTION MENUS
{
----------------------------------------------- */
ul.section
{border-top:0;margin-bottom:0;}
ul.section li
{text-transform:uppercase;}
ul.section li a
{background:#bbb;}
ul.section li a:hover
{background:#aaa;}
ul.section li a:active
{color:#fff;background:#666;}
ul.section li li a
{background:#ddd;border-bottom:1px solid #eee;}
ul.section li li a:hover
{background:#ccc;}
ul.section li li a:active
{color:#fff;background:#000;}
ul.section ul li
{text-transform:none;}
ul.section ul.current li a
{background:#eee;border-bottom:1px solid #fff;}
ul.section ul.current li a:hover 
{background:#ddd;}
ul.section ul.current li a:active
{background:#fff;}
ul.section li a.current
{color:#fff;background:#666;}
ul.section li a.current:hover
{background:#555;}
ul.section li a.current:active
{background:#444;}
ul.section li a.active
{background:#fff;cursor:default;}
ul.section li.current > a.active,
ul.section li.current > a.active:hover
{color:#fff;background:#666;cursor:default;}
/*
}----------------------------------------------- */

/* 
NAVIGATION
CENTRAGE DE LA BARRE DE MENU (METTRE EN COMMENTAIRES POUR ALIGNER SUR LA GAUCHE)
{
----------------------------------------------- 
#menu
{float:left;width:100%;position:relative;margin-left:0;margin-top:10px;}
ul.nav
{clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center;background:none;}
ul.nav li
{display:block;float:left;list-style:none;margin:0;padding:0 2px 0 2px;position:relative;right:50%;font-size:1.1em;}
ul.nav.mini li
{font-size:1em;}

/*
}----------------------------------------------- */

/* NAVIGATION (HORIZONTAL SUBNAVIGATION)
{
-----------------------------------------------
ul.nav li a
{line-height:45px;}
ul.nav,
ul.nav *
{margin:0;padding:0;}
ul.nav
{position:relative;background:none;}
ul.nav li
{cursor:pointer;list-style-type:none;font-weight:normal;}
*/

#nav
{position:absolute;}

#nav, #nav ul /* Liste */
{padding:0; /* pas de marge intérieure */margin:0; /* ni extérieure */list-style:none; /* on supprime le style par défaut de la liste */line-height:21px; /* on définit une hauteur pour chaque élément */text-align:center; /* on centre le texte qui se trouve dans la liste */}

#nav /* Ensemble du menu */
{font-weight:bold; /* on met le texte en gras */font-family:Arial; /* on utilise Arial, c'est plus beau ^^ */font-size:12px; /* hauteur du texte : 12 pixels */}

#nav a /* Contenu des listes */
{display:block; /* on change le type d'élément, les liens deviennent des balises de type block */padding:0; /* aucune marge intérieure */margin-right:-28px;text-decoration:none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */width:130px; /* largeur */}

#nav li /* Éléments des listes */ 
{float:left;/* pour IE qui ne reconnaît pas "transparent" */border-right:1px solid #fff; /* on met une bordure blanche à droite de chaque élément */}

#nav li ul li a
{width:150px;margin-top:0px;}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #nav li
{border-right:1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */}

#nav li ul /* Sous-listes */
{position:absolute; /* Position absolue */width:159px; /* Largeur des sous-listes */margin-left:-20px;left:-999em; /* Hop, on envoie loin du champ de vision */}


#nav li ul li /* Eléments de sous-listes */
{/* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */border-top:1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #nav li ul li           
{border-top:1px solid transparent; /* on met une bordure transparente en haut de chaque élément */}

#nav li ul ul 
{margin:-22px 0 0 130px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes *//* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */border-left:1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */ }

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #nav li ul ul           
{border-left:1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */}

#nav li:hover ul ul, #nav 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 */}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav 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 */width:159px;margin-top:-5px;}

#nav li:hover ul li a, #nav li li:hover ul li a, #nav li.sfhover ul li a, #nav li li.sfhover ul li a  /* 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 */
{width:150px;margin-left:-10px;}

/*
}----------------------------------------------- */

/* MISE EN VALEUR DE L'ONGLET DE LA PAGE EN COURS
{
----------------------------------------------- */
#nav_connexion img, img#connect
{padding-right:10px;padding-left:10px;padding-top:5px;}

/*
}----------------------------------------------- */

/* FORMS
{
----------------------------------------------- */
form
{overflow:hidden;margin-top:40px;}
fieldset
{padding:10px;position:relative;margin-bottom:10px;}
legend
{font-size:1.1em;padding:.4em .8em;}
fieldset.login p
{margin-bottom:1em;}
fieldset p label
{width:98%;}
fieldset p input, input#dewimg, input#dewtitre
{width:98%;}
fieldset p select
{width:99%;width:auto;cursor:pointer;}
form#connexion
{width:100%;}
fieldset.login p label
{float:left;line-height:2em;margin-right:3%;text-align:right;width:32%;}
fieldset.login p.gauche label
{width:100%;}
fieldset.login p input
{width:40%;}
fieldset.login input.button
{margin-left:55%;width:100px;cursor:pointer;}
fieldset input.clic, fieldset.login input.clic 
{width:auto;cursor:pointer;}
form p.notice
{font-weight:bold;}
input.search.text
{width:66%;}
input.search.button
{width:28%;margin-left:2%;cursor:pointer;}
textarea
{width:98%;min-height:100px;}
.pointilles
{position:relative;width:96%;border:1px dotted #666;padding:5px;margin-left:7px;}
.etoile
{color:red;font-size:1.5em;}

fieldset.login p textarea.adresse
{width:60.5%;height:50px;}

textarea#message
{height:100px;}

#msg
{width:353px;height:150px;position:relative;margin-left:205px;}

#comment, #com
{position:absolute;left:-5000px;}

/**********************************

Name: cmxform Styles

***********************************/

form.cmxform label.error, label.error {/* remove the next line when you have trouble in IE6 with labels in list */color: red;font-style: italic;width:auto;}
div.error {display:none;}
input:focus {border:1px dotted black;}
input.error {border:1px dotted red;}
textarea.error {border:1px dotted red;}
form.cmxform .gray * {color:gray;}

#Form label.error, #Form input.submit {margin-left:-150px;width:100%;}
#signupForm label.error {margin-left:10px;width:auto;display:inline;}
#newsletter_topics label.error {display: none;margin-left: 103px;}
#textarea label.error {margin-left:-150px;}

/*
}----------------------------------------------- */

/* ARTICLES
{
----------------------------------------------- */
.articles
{padding:0;}
.articles h2
{margin:0;}
#articles
{padding-top:0;}
.article
{border-top:1px solid #666;padding-top:.5em;}
.box .article
{border-top:3px solid #fff;padding:13px 10px 0 10px;}
.article h2
{font-size:2em;font-weight:normal;text-transform:none;color:#666;background:transparent;padding:0;margin:0;border:none;}
.article h3
{margin-bottom:.2em;font-size:1.6em;}
.box .first
{border-top:none;}
.article h4
{font-size:1.2em;text-transform:uppercase;margin-bottom:.5em;}
.article a.image
{float:left;margin:3px 10px 3px 0;padding:4px;border:1px solid #bbb;background:#fff;}
.article a.image:hover
{border:1px solid #666;}
.article a.image img
{float:left; }
.article p.meta, .article p.date
{color:#666;border-top:1px dotted #999;border-bottom:1px dotted #999;padding:.3em 0;margin-bottom:.8em;}

.retour_resultats
{padding-left:60px;background:url(../images/design/edit-find.png) 10px 0 no-repeat;line-height:30px;}

/*
}----------------------------------------------- */

/* SITE INFORMATIONS
{
----------------------------------------------- */
#site_info .box
{text-align:center;}

#logo
{margin-top:-40px;}

/*
}----------------------------------------------- */

/* ACCORDIAN
{
----------------------------------------------- */
.toggler
{color:#fff;margin:0;padding:2px 5px;background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;font-size:1.1em;font-weight:normal;}
.element h4
{margin:0;padding:4px;line-height:1.2em;}
.element p
{margin:0;padding:4px;}
.float-right
{padding:10px 20px;float:right;}

#accordian-block
{padding-bottom:10px;}

/*
}----------------------------------------------- */

/* ENTETE
{
----------------------------------------------- */
h1#nom_site
{position:absolute;margin-left:-5000px;}
#raccourcis
{margin-top:75px;text-align:right;padding:0;margin-bottom:0;}
#raccourcis a
{position:relative;}
#raccourcis form#recherche
{padding-bottom:0;}
#banner_container
{position:relative;top:75px;}
#banner_container img
{border:0;}
#header
{margin-bottom:-40px;}
.ModifFontSize
{font-size:16px;font-weight:bold;cursor:pointer;padding:2px;}

#recherche
{position:relative;text-align:right;padding:0;padding-top:10px;margin:0;}
#rechercher
{font-style:italic;color:#aaa;}

#compteRebours
{width:350px;border:none;margin-top:10px;margin-right:0;background:transparent;}

.connexion
{text-align:right;position:absolute;right:0;top:0;}
.connexion a, .connexion a:hover
{color:#aaa;}

/*
}----------------------------------------------- */

/* LES BLOCS GENERAUX
{
----------------------------------------------- */

#wrapper
{position:relative;margin-left:-2px;margin-top:440px;border:1px solid transparent;}

#corps
{margin-left:-2px;margin-top:80px;}
#corps.container_16
{padding-top:10px;}

#top_intro,#corps_centre,#corps_droite
{margin-top:20px;}
#corps_gauche
{margin-top:-95px;margin-left:-20px;}
#corps_centre
{margin-bottom:0;}
#corps_total
{padding-top:10px;}
#contenu
{text-align:justify;padding-top:20px;padding-bottom:25px;margin:-20px;margin-bottom:-32px;height:120px;}
#contenu .box
{text-align:justify;}
.bas
{margin:0;margin-right:3px;margin-left:-10px;margin-top:-10px;}

#contenu p.centrer
{padding-top:20px;}
p.remonter
{text-align:right;}
.box .noprint a img, .box .cote_gauche.noprint img, .box .remonter img, p.redir img
{border:none;}
.box .imprimante
{text-align:center;}
.redir
{text-align:center;}

#global
{padding:10px;margin-top:-420px;}

/*
}----------------------------------------------- */

/* DIAPORAMA 
{
----------------------------------------------- */
span.diaporama
{position:relative;display:block;margin:20px;border:5px solid #FFF;border-bottom:2px;background:#FFF;}
.gauche span.diaporama, .centrer span.diaporama, .droite span.diaporama
{position:relative;display:block;margin:20px;border:5px solid #FFF;border-bottom:2px;background:#FFF;}
.centrer_diap,.droite_diap, .gauche_diap
{width:100%;overflow:hidden;position:relative;}
.centrer_diap ul
{float:left;list-style:none inside;margin:0;padding:0;position:relative;left:50%;text-align:center;}
.gauche_diap ul
{list-style:none;margin:0;margin-left:33%;padding:0;position:relative;text-align:left;}
.droite_diap ul
{list-style:none inside;margin:0;padding:0;position:relative;text-align:right;}
.centrer_diap ul li, .gauche_diap ul li
{margin:0;padding:0;position:relative;right:50%;}
.droite_diap ul li
{margin:0;padding:0;position:relative;}
.centrer_diap ul li span, .gauche_diap ul li span, .droite_diap ul li span,
{display:block;margin:0 0 0 0;padding:5px 5px 2px 5px;background:#FFF;}

/*
}----------------------------------------------- */

/* DIVERS
{
----------------------------------------------- */

img.Top-15
{margin-top:15px;}

img.noborder
{border:0;}
img.controleurs
{margin-bottom:-5px;}
.lien_ext
{position:relative;top:16px;right:16px;}

.plein
{background:transparent;}

.bord_droite
{padding-right:20px;padding-left:0;}

.nodeco
{list-style:none;}
img.cut
{margin:0;margin-top:2px;margin-bottom:-5px;}
.cadre
{padding:10px;}

#gallery_wrap
{width:820px;height:368px;padding:25px;background:url(js/jqueryGalleryView_files/border.png) top left no-repeat;}

#menu_droite ul
{list-style:none inside;margin-left:-20px;}
#menu_gauche ul .subMenu
{margin-left:-20px;text-align:left;}

.videos
{}

/*
}----------------------------------------------- */

/* SPECIFIQUE AU SITE
{
----------------------------------------------- */

h2.titre_rubrique a:hover
{font-style:oblique;}
h1.titre_rubrique
{position:relative;width:100%;padding-top:50px;}

/*
}----------------------------------------------- */

/* TABLES
{
----------------------------------------------- */
table
{width:99%;margin-bottom:10px;}
#table_photos
{font-size:80%;}
col.colC
{width:8em;}
th, td
{padding:10px;padding-top:2px;padding-bottom:2px;text-align:left;}
thead th
{padding:.4em 1em .2em;}
thead th.table-head
{font-size:1em;font-weight:normal;text-transform:uppercase;}
tfoot tr.total th
{text-transform:uppercase;}
th.currency,td.currency
{text-align:right;}
.centrer th,.centrer td
{text-align:center;}
table.nu
{margin-left:5px;}
table.diapo
{margin-left:10px;}
.nu th,.nu td
{border:none;}
.centrer td a img
{margin-top:10px;}

/*
}----------------------------------------------- */

.ColorPickerDivSample
{margin: 0px 0px 0px 4px;border: solid 1px #000;padding: 0px 10px;position: relative;cursor: pointer;}
#ColorPickerDiv table tbody tr
{width:200px;}

#sommaire div
{border:1px solid red;}


a:active
{font-weight:bold;font-size:0.9em;}

#stopIE
{text-align:center;background:#FF51A8;}

/***********************************
/* FIN SPECIFICITE DU SITE
/***********************************