/* date de création : 31/12/2009 - date de révision : 02/05/2010 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select { 
margin : 0; 
padding : 0; 
border : 0; 
font-weight : inherit; 
font-style : inherit; 
font-size : 100%; 
font-family : Arial; 
vertical-align : baseline; 
} 
table { 
border-collapse : collapse; 
border-spacing : 0; 
} 
caption, th, td { 
text-align : left; 
} 
table, td, th { 
vertical-align : middle; 
} 
blockquote:before, blockquote:after, q:before, q:after { 
content : ""; 
} 
blockquote, q { 
quotes : "" ""; 
} 
a img { 
border : none; 
} 
:focus { 
outline : 0; 
}
/* 
   Global
------------------------------------------------------------------- */
html { 
height : 100%; 
padding-bottom : 1px; 
} 
body { 
background : #fff; 
color : #444; 
font : normal 75% trebuchet-MS, sans-serif; 
line-height : 1.5; 
}
/* 
   Ajouts 
------------------------------------------------------------------- */
#nuage { 
width : 255px; 
text-align : center; 
background : url(Boutiquimage/nuage.png) no-repeat center; 
}
/* 
   Typographie
------------------------------------------------------------------- */
/* Ajouts */
.bleu { 
color : #023262; 
} 
.rouge { 
color : #ed1c24; 
} 
.vert { 
color : #66cc33; 
} 
.centre { 
text-align : center; 
} 
.justifier { 
text-align : justify; 
} 
.marge { 
text-indent : 12px; 
}
.marge30 { 
text-indent : 30px; 
}
.pagination {
color: #777;
font-size: 1.2em;
font-weight : bold; 
padding: 10px 0;
}
.pagination-bordure{
border-top: 1px dashed #ddd;
margin-top: 24px;
}
/* Titres */
h1, h2, h3, h4, h5, h6 { 
color : #444; 
font-weight : normal; 
line-height : 1; 
margin-bottom : 0.3em; 
} 
h4, h5, h6 { 
font-weight : bold; 
} 
h1 { 
font-size : 2.6em; 
} 
h2 { 
font-size : 2em; 
} 
h3 { 
font-size : 1.5em; 
} 
h4 { 
font-size : 1.25em; 
} 
h5 { 
font-size : 1.1em; 
} 
h6 { 
font-size : 1em; 
} 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { 
margin : 0; 
}

/* Lien */
a:focus, a:hover { 
color : #039; 
} 
a { 
color : #456; 
text-decoration : none; 
} 
a:hover { 
text-decoration : none; 
} 
a.plus { 
color : #023262; 
font-weight : bold; 
} 
a.plus:hover { 
color : #66cc33; 
}

/* Texte */
p { 
margin-bottom : 1em; 
} 
abbr, acronym { 
border-bottom : 1px dotted #666; 
} 
address { 
margin-bottom : 1.5em; 
} 
blockquote { 
margin : 1.5em; 
} 
del, blockquote { 
color : #666; 
} 
em, dfn, blockquote, address { 
font-style : italic; 
} 
strong, dfn { 
font-weight : bold; 
} 
sup, sub { 
line-height : 0; 
} 
pre { 
font : normal 1.1em Georgia, sans-serif; 
line-height : 1.4em; 
padding : 0.7em 0 1.2em; 
} 
code, tt { 
font : 1.2em monospace; 
line-height : 1.5; 
} 

/* Liste */
li ul, li ol { 
margin-left : 1.5em; 
} 
ul, ol { 
margin : 0 0 1.5em 1.5em; 
} 
ul { 
list-style-type : disc; 
} 
ol { 
list-style-type : decimal; 
margin-left : 1.9em; 
} 
dl { 
margin : 0 0 1.5em 0; 
} 
dl dt { 
font-weight : bold; 
} 
dd { 
margin-left : 1.5em; 
}

/* Listes (options) */
ul.plain-list li, ul.nice-list li, ul.onglets li { 
list-style : none; 
margin-top : 0; 
} 
ul.onglets { 
display : inline; 
margin : 0; 
} 
ul.onglets li { 
float : left; 
} 
ul.plain-list { 
margin : 0; 
} 
ul.nice-list { 
margin-left : 0; 
} 
ul.nice-list li { 
border-top : 1px solid #eee; 
list-style : none; 
padding : 4px 0; 
} 
ul.nice-list li:first-child { 
border-top : none; 
} 
ul.nice-list li .droite { 
color : #999; 
} 

/* Tableaux */
table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold;}
thead th {background: #c3d9ff;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #f2f6fa;}
tfoot {font-style: italic;}
caption {background: #eee;}

table.data-table {
	border: 1px solid #ccb;
	margin-bottom: 1em;
	width: 100%;
}
table.data-table th {
background: #f0f0f0;
border: 1px solid #ddd;
color: #023262;
text-align: left;
}
table.data-table tr {
border-bottom: 1px solid #ddd;
color: #023262;
}
table.data-table td, table th {padding: 4px;}
table.data-table td {
background: #f6f6f6;
border: 1px solid #ddd;
}
table.data-table tr.even td {background: #fcfcfc;}

/* class */
.large { 
font-size : 1.15em; 
} 
.gris, .gris a { 
color : #999; 
} 
.texte-gauche { 
text-align : left; 
} 
.texte-droite { 
text-align : right; 
} 
.texte-centre { 
text-align : center; 
} 
.texte-barre { 
padding : 0 5px; 
}

/* Lignes */
.ligne { 
border-left-style : solid; 
border-left-width : 4px; 
margin-bottom : 0.2em; 
padding-left : 10px; 
} 
.ligne-bleu { 
border-left-color : #55aada; 
} 
.ligne-jaune { 
border-left-color : #fee27e; 
} 
.ligne-orange { 
border-left-color : #ff9933; 
} 
.ligne-vert { 
border-left-color : #66cc33; 
}
/* 
   Alignement 
------------------------------------------------------------------- */
/* Global */
.centre { 
display : block; 
margin-left : auto; 
margin-right : auto; 
}

/* Image */
img.bordure { 
background-color : #f9f9f9; 
border : 1px solid #ddd; 
padding : 3px; 
} 
img.gauche { 
margin : 0 0.5em 1em 0; 
} 
img.droite { 
margin : 0 0 1em 1.5em; 
}

/* floats */   
.gauche { 
float : left; 
} 
.droite { 
float : right; 
} 
.effet { 
clear : both; 
display : block; 
font-size : 0; 
line-height : 0; 
height : 0; 
}
/* 
   Séparateur
------------------------------------------------------------------- */
.contient-barre, .archive-barre { 
background : #e5e5e5; 
clear : both; 
color : #ffe; 
display : block; 
font-size : 0; 
line-height : 0; 
height : 1px; 
} 
.contient-barre { 
margin : 32px 0; 
} 
.archive-barre { 
margin-bottom : 20px; 
}
/* 
   Date 
------------------------------------------------------------------- */
.date { 
color : #777; 
margin : 2px 0 10px; 
} 
.daterouge { 
color : #ed1c24; 
margin : 2px 0 10px; 
} 
.date a { 
color : #ed1c24; 
}
.date a:hover  { 
color : #023262; 
}
/* 
   Page 
------------------------------------------------------------------- */
/* Cadre principal */
#cadre { 
margin : auto; 
width : 920px; 
}
/* Haut de page */
#haut { 
border-bottom : 1px solid #ddd; 
margin : 0 0 0 0; 
padding : 6px 0 0 0; 
}
/* panier */
#panier { 
margin : 0 0 0 0; 
padding : 0 0 0 0; 
} 
/* logo */
#logo { 
border-right : 1px solid #ddd; 
padding : 0 20px 0 0; 
margin : 0 26px -20px 0;
}
/* navigation */
.navigation a { 
color : #888; 
text-decoration : none; 
} 
.navigation a:hover { 
color : #002; 
} 
.navigation li.current-tab a { 
color : #222; 
}
#menu li:first-child, #sous-menu li:first-child { 
margin : 0 2px 0 0; 
padding : 0 0 0 0;
} 
#menu { 
margin : 0 0 0 0; 
padding : 46px 0 0 0 
} 
#menu li { 
margin : 0 2px 0 0; 
padding : 0 0 0 0;
} 
#menu a { 
font-size : 1.6em; 
line-height : 2em; 
padding: 0 0 2px 0; 
} 
#menu li.ouvert a { 
color : #023262; 
} 
#menu a:hover { 
color : #023262; 
} 
#menu li.ouvert a { 
border-bottom : 2px solid #66cc33; 
}
/* Sous-menu */
#sous-menu { 
margin : 0 0 0 0; 
padding : 6px 0 0 0;
} 
#sous-menu a { 
font-size : 1.2em; 
text-decoration : none; 
} 
#sous-menu li { 
margin : 0 2px 0 0; 
padding : 0 0 0 0;
} 
#sous-menu li.current-tab a { 
font-weight : bold; 
}
/* Contenu gauche*/
.contenu { 
border-right: 1px dashed #ddd;
padding-right: 10px;
margin : 30px 1px; 
} 
.contenu#contenu-2-colonnes #contenu-contient, .contenu#contenu-2-colonnes-gauche #contenu-contient { 
border-right: 1px dashed #ddd;
padding-right: 10px;
width : 624px; 
}
/* Contenu neutre*/
.contenu_neutre { 
margin : 30px 0; 
} 
.contenu_neutre#neutre #contenu-contient { 
width : 620px; 
}
/* Annexe droite */
#annexe { 
width : 262px; 
} 
/* Colonnes */
.col1, .col2 { 
width : 300px; 
} 
.col2 { 
margin-left : 3%; 
}
.col3, .col3-milieu {
width: 31%;
}
.col3-milieu{
margin-left: 3%;
}
.colxl { 
width : 100%; 
} 
/* sections */
.section { 
margin-bottom : 0; 
padding-top : 0; 
} 
.section-titre { 
background-color : #f9f9f9; 
border-top : 2px solid #ddd; 
color : #7a7a7a; 
font : bold 1.2em sans-serif; 
margin-bottom : 16px; 
padding : 7px 10px 6px; 
}
#annexe .section-titre { 
margin-bottom : 8px; 
}
/* 
Bas de page
------------------------------------------------------------------- */
#bas { 
border-top : 1px solid #ddd; 
color : #777; 
margin-top : -24px; 
padding : 6px 0 4px; 
} 
#bas-droite { 
width : 100%; 
text-align : right; 
} 
#bas p { 
margin-bottom : 0.4em; 
} 
#bas .texte-barre { 
padding : 0 3px; 
color : #bbb; 
} 
#bas a:hover { 
color : #66cc33; 
}
/* 
   Formulaire 
------------------------------------------------------------------- */
label { 
cursor : pointer; 
font-weight : bold; 
} 
label.checkbox, label.radio { 
font-weight : normal; 
} 
legend { 
font-weight : bold; 
font-size : 1.2em; 
} 
textarea { 
overflow : auto; 
} 
input.text, textarea, select { 
background : #fcfcfc; 
border : 1px inset #aaa; 
margin : 0.5em 0; 
padding : 4px 5px; 
} 
input.text:focus, textarea:focus, select:focus { 
background : #fffff5; 
} 
input.button { 
background : #ddd; 
border : 1px outset #aaa; 
padding : 4px 5px; 
} 
input.button:active { 
border-style : inset; 
} 
form .required { 
font-weight : bold; 
} 
.form-error { 
border-color : #f00; 
} 
.form-row { 
padding : 5px 0; 
} 
.form-row-submit { 
border-top : 1px solid #ddd; 
padding : 8px 0 10px 76px; 
margin-top : 10px; 
} 
.legend { 
background : #f0faf0; 
border : 1px solid #d6dfd6; 
font-size : 1.5em; 
margin : 0; 
padding : 8px 14px; 
} 
.form-property, .form-value { 
float : left; 
} 
.form-property { 
padding-top : 8px; 
text-align : right; 
width : 60px; 
} 
.form-value { 
padding-left : 16px; 
} 
.form-error { 
border-color : #f00; 
} 
/* 
   ie fixes (zzz)
------------------------------------------------------------------- */
* html .navigation, * html #bas { 
height : 0.01%; 
} 
* html #bas-gauche { 
width : 500px; 
} 
.navigation { 
min-height : 0.01%; 
}