/*
 * CSS file created by Rockstarapps Concatenation
 */

/*
 * START OF FILE - /c2dev/c2design/c2_global.css
 */
/****************************************************************************
* PROPRIETES GLOBALES ET SELECTEURS UNIVERSELS
****************************************************************************/
* {
    padding: 0;
    margin: 0;
}
html {
    font-size: 12px;
}
body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#333333;
	text-align: center;
	font-size: 1.01em;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	background-color:#F5F5F5;
}

/****************************************************************************
* PARAMETRES D'IMPRESSION
****************************************************************************/
.print { display:none; }
#impression { width: 100%; }
.impression { display: none; }
#logoimpression { display:none; }
#basimpression { display:none; }
#impressionnom { display:none; padding-bottom:20px; }
#indicationscomplementaires { display:none;}
/****************************************************************************
* DEFINITION GLOBALE DES ENTETES
****************************************************************************/
h1 {
	font-size: 1.6em;
}
h2 {
    font-size: 1.4em;
}
h3 {
    font-size: 1.2em;
}
h4 {
}
h5 {
}
h6 {
}
h1, h2 {
    font-size-adjust: 0.5;
}
#gauche abbr {
    font-style: normal;
    color: inherit;
    border: none;
    font-weight: normal;
}

.button {
	display: inline-block;
	margin: 6px 10px 6px 0;
	padding: 6px 8px;
	font-size: 1.05em;
	color: #FFFFFF !important;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 0px 2px #000;
	border: solid 1px #003368;
	border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	/* For WebKit (Safari, Google Chrome etc) */
	background-image: -webkit-linear-gradient(bottom, rgb(35,91,128) 27%, rgb(50,123,168) 64%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.27, rgb(35,91,128)),
		color-stop(0.64, rgb(50,123,168))
	);
	/* For Mozilla/Gecko (Firefox etc) */
	background-image: -moz-linear-gradient(bottom, rgb(35,91,128) 27%, rgb(50,123,168) 64%);
	/* For Opera */
	background-image: -o-linear-gradient(bottom, rgb(35,91,128) 27%, rgb(50,123,168) 64%);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44235B80, endColorstr=#FF235B80);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#44235B80, endColorstr=#FF235B80)";
	background-image: linear-gradient(bottom, rgb(35,91,128) 27%, rgb(50,123,168) 64%);
	background-image: -ms-linear-gradient(bottom, rgb(35,91,128) 27%, rgb(50,123,168) 64%);
}
.button:hover {
	background-image: linear-gradient(bottom, rgb(3,47,74) 27%, rgb(12,71,105) 64%);
	background-image: -o-linear-gradient(bottom, rgb(3,47,74) 27%, rgb(12,71,105) 64%);
	background-image: -moz-linear-gradient(bottom, rgb(3,47,74) 27%, rgb(12,71,105) 64%);
	background-image: -webkit-linear-gradient(bottom, rgb(3,47,74) 27%, rgb(12,71,105) 64%);
	background-image: -ms-linear-gradient(bottom, rgb(3,47,74) 27%, rgb(12,71,105) 64%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.27, rgb(3,47,74)),
		color-stop(0.64, rgb(12,71,105))
	);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF032F4A, endColorstr=#FF0C4769);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF032F4A, endColorstr=#FF0C4769)";
}
/****************************************************************************
* DEFINITION GLOBALE D'ELEMENTS BLOCS
****************************************************************************/
img { border: none; }
.right { margin-left: 6px !important; margin-right: 0 !important; float: right; }
.left { margin-left: 0 !important; margin-right: 6px !important; float: left; }
.center { margin-left: auto; margin-right: auto; }
hr {
    width: 60%;
	text-align: left;
	size: 2px;
	color: #FF7F00;
	height: 1px;
}
.spacer {
	display: block;
	margin-top: 6px;
	margin-bottom: 6px;
	border: none;
	background:none;
	clear: both;
}
/****************************************************************************
* ELEMENTS TEXTUELS (balises en ligne)
****************************************************************************/
p {
}
span {
}

/****************************************************************************
* LIENS HYPERTEXTE
****************************************************************************/
a{ color:#1F4A7F; text-decoration:underline; }
a:hover{ text-decoration:none; }
/* lien blanc */
.blanc{ color:#FFFFFF; text-decoration:none; }
a.blanc{ color:#FFFFFF; text-decoration:none; }
a.blanc:hover{ color:#FFFFFF; text-decoration:underline; }

.blancbleu{ color:#CFD9E6; text-decoration:none; }
a.blancbleu{ color:#CFD9E6; text-decoration:underline; }
a.blancbleu:hover{
color:#CFD9E6;
text-decoration:underline;
}
/* lien noir */
.noir{
color:#000000;
text-decoration:none;
}
a.noir{
color:#000000;
text-decoration:none;
}
a.noir:hover{
color:#000000;
text-decoration:underline;
}
/* lien bleu */
.bleu{
color:#1F4A7F;
text-decoration:none;
}
a.bleu{
color:#1F4A7F;
text-decoration:underline;
}
a.bleu:hover{
color:#1F4A7F;
text-decoration:underline;
}
/* lien bleuclair */
.bleuclair{
color:#91B0D5;
text-decoration:none;
}
a.bleuclair{
color:#91B0D5;
text-decoration:none;
}
a.bleuclair:hover{
color:#91B0D5;
text-decoration:underline;
}
/* lien gris */
.grisfonce{
color:#595959;
text-decoration:none;
}
a.grisfonce{
color:#595959;
text-decoration:none;
}
a.grisfonce:hover{
color:#595959;
text-decoration:underline;
}
/* lien orange */
.orange{
color:#ff7f00;
text-decoration:none;
}
a.orange{
color:#ff7f00;
text-decoration:none;
}
a.orange:hover{
color:#ff7f00;
text-decoration:underline;
}
/* lien orange clair */
.orangeclair{
color:#FF9900;
text-decoration:none;
}
a.orangeclair{
color:#FF9900;
text-decoration:none;
}
a.orangeclair:hover{
color:#FF9900;
text-decoration:underline;
}

/* lien rouge ES-C2 */
.rouge{
color: #B30838;
text-decoration:none;
}
a.rouge{
color: #B30838;
text-decoration:none;
}
a.rouge:hover{
color: #B30838;
text-decoration:underline;
}

/* lien vert OpenC2 - ES-C2 */
.vert{
color:#006400;
text-decoration:none;
}
a.vert{
color:#006400;
text-decoration:none;
}
a.vert:hover{
color:#006400;
text-decoration:underline;
}

/****************************************************************************
* TITRAGES SPECIFIQUES
****************************************************************************/
.titre{
color:#FF7F00;
text-decoration:none;
}
a.titre{
color:#FF7F00;
text-decoration:none;
}
a.titre:hover{
color:#FF7F00;
text-decoration:underline;
}
.produit{
font-weight:bold;
color:#1F4A7F;
text-decoration:none;
}
a.produit{
color:#1F4A7F;
text-decoration:none;
}
a.produit:hover{
color:#1F4A7F;
text-decoration:underline;
}
.modele{
color:#1F4A7F;
text-decoration:none;
}
a.modele{
color:#1F4A7F;
text-decoration:none;
}
a.modele:hover{
color:#1F4A7F;
text-decoration:underline;
}
.prix{
font-weight:bold;
color:#FF7F00;
text-decoration:none;
}
a.prix{
color:#FF7F00;
text-decoration:none;
}
a.prix:hover{
color:#FF7F00;
text-decoration:underline;
}

/****************************************************************************
* TABLEAUX - COLONNES - RANGEES - CELLULES
****************************************************************************/
td {
color:#1F4A7F;
}

/****************************************************************************
* FORMULAIRES DE RENSEIGNEMENTS
****************************************************************************/
form {
    margin: 0;
    padding: 0;
}
label {
    vertical-align: top;
}
input, select {
vertical-align: middle;
border: solid 1px #DDDDDD;
}
textarea {
font-size: inherit;
font-family: inherit;
vertical-align: top;
border: solid 1px #DDDDDD;
}
input, textarea, select, option {
    color: #666666;
    padding: 1px;
}
input:focus, textarea:focus {
    color: #333333;
}
select:focus {
    color: #333333;
    border-color: #333333;
}
.submit {
    margin: 10px;
	padding: 4px;
    color: #B30838 !important;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 1em;
	font-style: normal;
	text-decoration: none;
	line-height: normal;
    background-color: #F5F5F5;
    border: solid 2px #AFBD22;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ktml-border-radius: 6px;
    cursor: pointer;
}
.submit:hover {
    color: #333333 !important;
    border: solid 2px #F08B1D !important;
}
.raz {
    margin: 10px;
	padding: 4px;
	height: auto;
    color: #333333 !important;
	font-style: normal;
	text-decoration: none;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 1em;
    background-color: #fffff1;
    border: solid 2px #eeb211;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ktml-border-radius: 6px;
    cursor: pointer;
}
.raz:hover {
    color: #b30838 !important;
    border: solid 2px #f08b1d !important;
}
select {
    text-align: left;
}
a.btn_print {
    margin: 10px;
    padding: 2px;
    color: #B30838;
    font-weight: bold;
    text-decoration: none;
    background-color: #F5F5F5;
    border: solid 2px #AFBD22;
    cursor: pointer;
}
/************** info bulle (ES) **************/
a.infobulle {
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}
a.infobulle:hover{z-index:25; background-color:#ff0}

a.infobulle span{display: none}

a.infobulle:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:15em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
    }

div.pagenav {
	height: 46px;
	clear: both;
}
.suivant, .precedent {
	display: block;
	margin: 4px;
	height: 30px;
	padding: 2px 10px;
    font-size: 1.1em;
    font-weight: bold;
    color: darkorange !important;
    line-height: 26px;
    background-repeat: no-repeat;
	background-color: #ffffff;
}
.pagenav:first-child {
	margin-bottom: 16px;
}
.pagenav:last-child {
	margin-top: 16px;
}
.suivant {
	padding-right: 40px;
	background-position: right;
	background-image: url('next.png');
	float: right;
}
.precedent {
	padding-left: 40px;
	background-position: left;
	background-image: url('previous.png');
	float: left;
}


/*
 * END OF FILE - /c2dev/c2design/c2_global.css
 */

/*
 * START OF FILE - /c2dev/c2design/c2_design.css
 */
/****************************************************************************
* POSITIONNEMENT DE LA PAGE
****************************************************************************/
#page {
	width: 955px;
	height: auto;
	min-height: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 10px;
	text-align: center;
	padding: 0px;
	Z-index: 0;
}
/****************************************************************************
* ENTETE DU SITE (LOGO - LIENS - PANIER)
****************************************************************************/
#entete {
	position: relative;
	height: 126px;
	font-size: 1.0em;
	background: #000033 url('fond-entete.png') no-repeat top center;
	border-top: solid 2px #e5e5e5;
	border-left: solid 2px #e5e5e5;
	border-right: solid 2px #e5e5e5;
	-moz-border-radius-topleft: 16px;
    -moz-border-radius-topright: 16px;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    -khtml-border-radius-topleft: 16px;
    -khtml-border-radius-topright: 16px;
	clear: both;
}
#entete #logo {
    position: absolute;
	top: 8px;
	left: 8px;
	text-align: left;
	font-size: 0.917em;
	background-color: transparent;
	float: left;
	clear: both;
}
#entete #logo a {
    margin-bottom: 0px;
    padding: 0;
}
#entete #logo h1 {
    margin:0;
    margin-left: 4px;
    font-variant: small-caps;
    font-size: 1.2727em;
    color:#E5E5E5;
    letter-spacing: 1px;
}
#entete #logo h2 {
    margin-left: 6px;
    color:#C4C5C7;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0.6px;
    line-height: 1.2727em;
}
#entete #logo h2 a {
  color: inherit;
}
#entete #panier-achat {
	visibility:visible;
	width:140px;
	height:70px;
	position: absolute;
	top: 2px;
	right: 170px;
	font-size: 0.917em;
	background-color: transparent;
}
#entete #panier-achat a {
    width: 44px;
    height: 70px;
	margin-left: 4px;
	float: left;
	background-image: url('panier-achat.png') !important;
	background-image: url('panier-achat.gif');
}
#entete #panier-achat p {
	margin-left: 2px;
	padding-top: 12px;
	line-height: 18px;
	text-align: center;
	float: left;
}
#entete #toplinks {
	position: absolute;
	bottom: 34px;
	right: 4px;
	padding:2px;
}
#entete #medialinks {
	position: absolute;
	top: 6px;
	right: 4px;
	padding:2px;
}
#entete #toplinks a, #entete #toplinks a:visited, #entete #medialinks a, #entete #medialinks a:visited  {
    display: block;
	margin:0;
	margin-left: 6px;
	padding: 2px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 0.75em;
	margin-top: 4px;
    padding: 4px;
    border: solid 1px #999999;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}
#entete #toplinks a {
    float: left;
}
#entete #toplinks a.iconize, #entete #medialinks a.iconize {
    padding-left: 24px;
    background-repeat: no-repeat;
	background-position: left center;
}
#entete #toplinks a:hover, #entete #medialinks a:hover {
	text-decoration: none;
	color: #1f4a7f;
	background-color: #FFFFF0;
	border: solid 1px #FF7F00;
}
#entete a.iconize.actus {
  background-image: url('icones/actus-news.png');
}
#entete a.iconize.galerie {
  background-image: url('icones/galerie-photo.png');
}
#entete a.iconize.videos {
  background-image: url('icones/videos.png');
}

/****************************************************************************
* CONTENU
****************************************************************************/
#cadre, #commande {
    position: relative;
	display: block;
	height: 1%;
	background-color: #FFFFFF;
	border-right: solid 2px #DDDDDD;
	border-left: solid 2px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	border-top: none;
	overflow: hidden;
}
#infobox {
	display: block;
	width: 600px;
	position: relative;
	margin: 6px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	border: solid 1px #303030;
}
#infobox h1 {
    margin-bottom: 10px;
    padding: 4px;
    color: #FFFFFF;
    background-color: #FF7F00;
    border-bottom: solid 2px #B30838;
}
#infobox p {
    text-align: justify;
    margin: 10px;
    margin-left: 20px;
    margin-right: 20px;
}
#infobox ol, #infobox ul {
    text-align: justify;
    margin-left: 40px;
    list-style-position: outside;
    margin-bottom: 10px;
    padding: 0;
}
#infobox li {
    margin-bottom: 4px;
}
#infobox .signature {
    position: relative;
    width: 220px;
    height: 100px;
    margin-left: 360px;
    text-align: center;
    border: solid 1px #DDDDDD;
}
#infobox .signature h4 {
    display: block;
    padding: 1px;
    color: #999999;
    font-style: italic;
    border-bottom: solid 2px #DDDDDD;
}
#infobox .signature span {
    display: block;
    color: #999999;
    padding: 2px;
    text-align: center;
}
#infobox .signature span.date {
    position: absolute;
    width: 218px;
    bottom:0;
}
#gauche {
    width: 210px;
    margin-left: 0;
    padding-top: 2px;
    margin-left: 0;
    padding-bottom: 10px;
    padding-left: 2px;
    text-align: center;
    float: left;
    z-index: 10;
}
* html #gauche {
    overflow: hidden;
}
#gauche .encadre {
    margin: 2px;
    margin-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    border: solid 1px #990000;
}
#gauche .encadre h3 {
    display: block;
    padding: 2px;
    margin-bottom: 2px;
    color: #FFFFFF;
    font-variant: small-caps;
    background-color: #900000;
}
#btn_imprimer, #btn_transferer {
    display: block;
    width: 140px;
    height: 22px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: 6px;
    padding-left: 30px;
    padding-right: 6px;
    overflow: visible;
    line-height: 20px;
    text-align: center;
    font-variant: small-caps;
    text-decoration: none;
    letter-spacing: 1px;
    background-position: 6px center;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: outset 1px #91B0D5;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    clear: both;
}
#btn_imprimer:hover, #btn_transferer:hover {
    border: inset 1px #91B0D5;
}
#btn_imprimer {
    background-image: url('imprimer.png');
}
#btn_transferer {
    background-image: url('transferer.png');
}

	#navlinks {
        position: absolute;
        top: 2px;
        right: 2px;
        padding: 4px;
        text-align: center;
        font-size: 1em;
        background-color: #FFFFFF;
        border: solid 1px #E5E5E5;
    }
        #navlinks strong {
            display: block;
            margin: 0;
            padding: 0;
            font-size: 0.9090em;
            margin-bottom: 6px;
            color: #FFFFFF;
            background-color: #AFBD22;
        }
        #navlinks a, a.top {
            margin: 2px;
            padding: 2px;
            color: #666666 !important;
            font-size: 0.909em;
            border: solid 1px #DDDDDD !important;
            background-color: #FFFFFF;
        }
        #navlinks a:hover, a.top:hover {
            color: #FF7F00;
            border: solid 1px #AFBD22;
        }
#infos_commande, .navlinks {
    display: block;
    width: auto;
    margin: 6px;
    font-size: 0.8333em;
    clear: both;
}
#infos_commande h2, .navlinks h2 {
    padding: 4px;
    color: #FFFFFF;
    font-size: 1.2em;
    font-variant: small-caps;
    border: solid 1px #1f4a7f;
    border-bottom: solid 2px #AFBD22;
    background-color: #336699;
}
#infos_commande a, .navlinks a {
    display: block;
    padding: 4px;
    text-decoration: none;
    border: outset 1px #1f4a7f;
    border-top: none;
}
#infos_commande a:hover, .navlinks a:hover {
    background-color: #FFFFE0;
}
#contenu {
    position: relative;
	width: 736px;
	height: 1%;
	min-height: 640px;
	margin-left: 212px;
	padding:0;
    padding-top: 2px;
    padding-bottom: 40px;
    text-align: left;
    font-size: 0.958em;
    Z-index: 10;
    border-left: dotted 1px #91B0D5;
    overflow: hidden;
}
* html #contenu {
    margin-left: 0;
    float: right;
}
#commande #contenu {
    margin-left: 0;
}
    #contenu abbr, #contenu acronym {
        cursor: help;
    }
    #contenu h1 {
    		margin: 6px;
        padding: 6px 10px;
        color:#B30838;
        line-height: 1.1;
        text-decoration:none;
        letter-spacing: 0.6px;
        font-variant: small-caps;
    }
    #contenu h1.titre {
        width: auto;
        margin: 0;
        margin-bottom: 10px;
        color:#FFFFFF;
        font-size: 1.5782em;
        letter-spacing: 2px;
        font-weight: 700;
        background-color: #FF7F00;
        text-shadow: 0 0 2px #333;
        border-bottom: solid 2px #1f4a7f;
    }
    #contenu h2 {
        display: block;
        margin: 6px;
        margin-top: 10px;
        padding: 4px;
        padding-bottom: 2px;
        color: #FF7F00;
        font-size: 1.4545em;
        font-variant: small-caps;
        border-bottom: inset 2px #EEB211;
    }
    #contenu h2.titre {
        margin: 10px;
        margin-top: 0;
        margin-bottom: 6px;
        border-bottom: solid 1px #EEB211;
    }
    #contenu h2 a {
        display: block;
        color: #FF7F00;
        text-decoration: none;
    }
    #contenu h3, #contenu dt {
        margin: 10px 10px 0;
        padding: 4px 2px;
        color: #cc3333;
        font-size: 1.05em;
        font-weight: bold;
        border-bottom: solid 2px #afbd22;
    }
    #contenu>h3 {
    	display: inline-block;
    }
    #contenu dt {
        margin-left: 0;
        border: none;
    }
    #contenu h4 {
        color: #ff7f00;
        margin: 6px;
        margin-left: 16px;
        font-size: 1em;
        font-weight: bold;
    }
    #contenu h3 span, #contenu h4 span {
        font-weight: normal;
    }
    #contenu #bandeau {
        height: 280px;
        margin: 2px;
        margin-top: 0;
        border: solid 1px #DDDDDD;
        background-color: #FFFFFF;
        background-position: center center;
        background-repeat: no-repeat;
    }
    #contenu li strong.titre {
        color: #F36326;
        margin: 0px;
        font-weight: bold;
    }
    #contenu #texte {
        padding: 10px;
    }
    #contenu #texte img {
        max-width: 700px;
    }
    img.illustration, #contenu #texte img {
        margin: 2px;
        margin-right: 4px;
        margin-left: 4px;
        padding: 1px;
        border: solid 1px #DDDDDD;
    }
    img.center {
        display: block;
        margin: 6px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #infobox p {
        display: block;
    }
    #contenu p, #contenu>blockquote, #contenu dl {
        margin: 6px;
        margin-right: 6px;
        padding-left: 6px;
        padding-right: 4px;
        line-height: 1.2727em;
        margin-bottom: 0px !important;
        text-align: justify;
    }
    #contenu .encadre {
        margin: 10px;
        margin-bottom: 12px !important;
        padding: 10px;
        padding-bottom: 6px;
        text-align: justify;
        border: solid 1px #EEB211;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        background-color: #fffff6;
    }
    #contenu>p {
    	margin-bottom: 10px;
      padding: 6px 10px;
      line-height: 1.4;
    }
    #contenu p.decale {
        padding-left: 16px;
    }
    #contenu .texte {
        display: block;
    }
    
    #contenu blockquote {
        margin: 16px;
        margin-right: 20px;
        font-style: italic;
    }
    #contenu blockquote p {
        margin: 0;
        margin-top:6px;
    }
    #contenu blockquote:first-letter {
        margin-left: 10px;
    }
    #contenu ul {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    #contenu ul li {
        padding-right: 40px;
        list-style-position: outside;
    }
    #contenu ul.square li {
        list-style-type: square;
    }
    #contenu a, #contenu abbr, #contenu acronym, #gauche .encadre a {
        color: #003D79;
    }
    #contenu a:hover, #contenu abbr, #contenu acronym, #gauche .encadre a:hover {
        color: #990000;
    }
    a.top {
        position: relative;
        left: auto;
        right: 2px;
        top: 0px;
        bottom: 4px;
        margin-top: 4px;
        font-size: 0.8181em;
        background-color: #FFFFFF;
        border: solid 1px #DDDDDD !important;
        float: right;
        Z-index: 20;
    }
    a.top:hover {
        border: solid 1px #AFBD22 !important;
    }
    
    #contenu .opacity {
        opacity: 0.90;
        border: none;
    }
    #contenu .opacity:hover {
        opacity: 1;
        border: none;
    }
    #contenu a.zoomer img {
        padding: 2px;
        border: solid 2px #DDDDDD;
        background-color: #F5F5F5;
    }
    #contenu a.zoomer:hover img {
        border: solid 2px #CCCCCC;
    }
    
    #contenu ul, #contenu ol {
        list-style-position: outside;
        margin: 0;
        margin-left: 36px;
        margin-bottom: 10px;
        padding: 0;
    }
    #contenu ul * {
        margin-top: 0;
        font-size: 1em;
    }
    #contenu li {
        margin-bottom: 2px;
    }
    #contenu li strong {
        color: #B30838;
        padding: 0;
        margin: 0;
    }
    #contenu ol li div {
        padding: 0px;
        margin-top: 2px;
        margin-left: 6px;
    }
    #contenu hr {
        width: 60%;
        height:0px;
        margin-top: 12px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 12px;
        border: none;
        border-top: solid 2px #91B0D5;
    }
        #contenu table caption {
            font-variant: small-caps;
            font-size: 1.05em;
            font-weight: bold;
            padding: 4px;
            margin-top: 6px;
            margin-bottom: 4px;
            border: solid 2px #990000;
            border-top: solid 1px #990000;
            border-left: solid 1px #990000;
        }
        #contenu table tr td {
            padding-left: 4px;
            padding-right: 4px;
            line-height: 20px;
        }
        #contenu table thead td {
            text-align: center;
            font-size: 1em;
            font-weight: bold;
            font-variant: small-caps;
            border-bottom: solid 1px #990000;
        }
    #contenu option {
        padding-left: 2px;
        margin-right: 2px;
        text-align: left;
        border-bottom: solid 1px #F5F5F5;
    }
    #contenu option.titre {
        margin-bottom: 2px;
        text-align: center;
        color: inherit;
        border-bottom: solid 1px #91B0D5;
    }
    #contenu .rubrique {
        padding-bottom: 6px;
        margin-bottom: 10px;
        border-bottom: inset 1px #91B0D5;
    }
    #contenu .rubrique h2 {
        color: #FF7F00;
        text-decoration: none;
    }
    #contenu .rubrique h2 a {
        color: #FF7F00;
        border: none;
    }
    #contenu .rubrique h2 a:hover {
        color: #B30838;
    }
    #contenu .rubrique img {
        margin: 2px;
        margin-top: -4px;
        margin-left: 40px;
        padding: 2px;
        float: right;
        border: solid 1px #E5E5E5;
    }
    #contenu .rubrique p {
        text-align: justify;
        margin-bottom: 0px;
        line-height: 1.25em;
        padding-top:4px;
    }
    #contenu a.btn  {
        margin: 2px;
        margin-left: 6px;
        padding: 2px;
        padding-left: 6px;
        padding-right: 6px;
        color: #FFFFFF;
        font-style: normal;
        text-decoration: none;
        background-color: #FF7F00;
        border: outset 1px #DDDDDD;
        cursor: pointer;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
    #contenu a.btn:hover {
        background-color: #AFBD22;
        border-style: inset;
    }
    #contenu .rubrique a.btn {
        margin-left: 30px;
    }
    #contenu .rubrique ul {
        margin-left: 30px;
        margin-bottom: 0;
        padding-bottom: 10px;
        font-size: 0.9167em;
        list-style-position: outside;
    }
    
    #contenu .mini-rub {
        height: 180px;
    }
    #contenu .rubrique a {
        border: inherit;
    }
    #contenu .rubrique img {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    #contenu p.citation {
        font-style: normal;
    }
    
    .gallery, #forums {
        position: relative;
        height: auto;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        padding: 6px;
        text-align: center;
    }
    .gallery .galerie {
        width: 228px;
        height: auto;
        margin: 6px;
        float: left;
    }
    .gallery .photo {
        width: 170px;
        height: auto;
        margin: 4px;
        margin-bottom: 6px;
        float: left;
    }
    .gallery .photo a {
        border: none;
    }
    .gallery .photo .desc a {
        display: block;
        margin-right: 20px;
        margin-bottom: 2px;
    }
    .gallery .photo a.zoomer {
        background-color: #003D79 !important;
    }
    .gallery .photo a.zoomer:hover {
        background-color: #FF7F00 !important;
    }
    .gallery .photo a.ecard {
        color: #003D79 !important;
        background-color: #DDDDDD !important;
    }
    .gallery .photo a.ecard:hover {
        color: #003D79 !important;
        background-color: #AFBD22 !important;
    }
    .gallery .galerie .image {
        padding: 2px;
        padding-bottom: 4px;
        margin-bottom: 6px;
        border: solid 1px #003D79;
        -moz-border-radius: 16px;
    }
    .gallery .galerie .image h2 {
        margin: 0 !important;
        margin-bottom: 6px !important;
    }
    .gallery .galerie .image a {
        border: none;
    }
    .gallery .galerie .image img {
        padding: 1px;
    }
    .gallery .galerie>a {
        margin-left: 90px;
    }
    .gallery .galerie .desc {
        margin: 4px;
        margin-top: 6px;
        margin-bottom: 6px;
        padding: 4px;
        text-align: justify;
        border: solid 1px #DDDDDD;
        -moz-border-radius: 10px;
    }
    #forums .forum {
        position: relative;
        display: block;
        height: 120px;
        padding-left: 170px;
        margin-bottom: 10px;
        padding-bottom: 6px;
        border-bottom: solid 1px #DDDDDD;
    }
    #forums .forum .image {
        position: absolute;
        width: 170px;
        left: 0;
    }
    #forums .forum .image p, .image p.msg {
        width: 130px;
        margin-bottom: 2px !important;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 0.8181em;
        line-height: 1.5555em;
        border: solid 1px #91B0D5;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
    }
    #forums .forum .infos {
        text-align: left;
        margin-left: 4px;
    }
    #forums .forum .infos p:first-letter {
        margin: 0;
    }
    #forums .forum .infos h2 {
        text-align: left;
        margin-left: 0;
        margin-top: 0;
    }
    #forums .forum a.btn {
        display: block;
        width: 136px;
        margin-top: 0px;
        margin-left: 12px;
        float: left;
    }
    #contenu .nav-galerie {
        position: relative;
        display: block;
        margin: 4px;
        padding: 2px;
        padding-left: 6px;
        padding-right: 6px;
        font-size: 0.909em;
        color: #FFFFFF;
        vertical-align: bottom;
        background-color: #FF7F00;
        -moz-border-radius: 6px;
    }
    #contenu .nav-galerie strong {
        letter-spacing: 0.5px;
    }
    #contenu .nav-galerie select {
        margin: 0;
        padding: 0;
        color: #003D79;
        border-color: #B30838;
    }
    #contenu .nav-galerie select option {
        margin: 0;
        text-align: center;
        border: none;
    }
    #contenu .nav-galerie .nav-pages {
        position: absolute;
        top: 4px;
        right: 4px;
        text-align: right;
    }
    #contenu .nav-galerie .nav-pages img {
        padding-bottom: 2px;
        vertical-align: middle;
    }
    
.infos-boutique {
    display: block;
    margin:16px;
    margin-top: 10px;
    margin-bottom: 16px;
    font-size: 0.9090em;
}
.infos-boutique a, a.telecharger, a.goto {
    display: block;
    margin: 6px;
    margin-right: 0;
    padding: 4px;
    text-decoration: none;
    text-align: left;
    line-height: 10px;
    border: solid 1px #DDDDDD !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #FCFCFC;
}
.infos-boutique a:hover, a.telecharger:hover, a.goto:hover {
    color: #B30838;
    border: solid 1px #B30838 !important;
}
.infos-boutique a.on {
    color: #FFFFFF;
    background-color: #B30838;
}
a.goto {
    display:inline;
    margin: 0;
    padding: 0.5px;
    padding-left: 4px;
    padding-right: 6px;
    text-align: center;
    vertical-align: middle;
    font-style: normal !important;
}
#contenu a.telecharger {
    display: inline;
    font-weight: bold;
    line-height: normal;
    font-style: normal !important;
    font-variant: small-caps;
    letter-spacing: 0.4px;
}
#contenu a.telecharger.pdf {
    background-position: 10px 10px 0;
}
a.external {
    padding-left: 14px;
    background-image: url('icones/external.png');
    background-position: 2px center;
    background-repeat: no-repeat;
}
a.goto.external {
    padding-left: 4px;
    padding-right: 20px;
    background-position: right center;
}
a.pdf, a.word, a.excel, a.email, a.file, a.apple, a.windows {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 1px 1px;
}
a.pdf {
    padding-left: 24px;
    background-image: url('icones/pdf-mini.png');
}
a.apple {
    background-image: url('icones/icon-apple.png');
}
a.windows {
    background-image: url('icones/icon-windows.png');
}
a.word {
    background-image: url('icones/icon-word.png');
}
a.excel {
    background-image: url('icones/icon-excel.png');
}
a.email {
    background-image: url('icones/mailto.png');
}
a.file {
    background-image: url('icones/download.png');
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
#gauche .infos-boutique {
    width: 180px;
    margin-left: 16px;
    font-size: 0.8333em;
}
#gauche a.telecharger {
    margin-right: 6px;
    font-size: 0.8333em;
}

/****************************************************************************
* PIED DE PAGE
****************************************************************************/
#pied {
  position: relative;
	height: 80px;
	padding-top: 6px;
	margin-top: 0;
	text-align: left;
	font-size: 0.875em;
	color:#303030;
	text-decoration:none;
	background-color: #FFFFFF;
	border: solid 2px #E5E5E5;
	border-top: none;
	-moz-border-radius-bottomleft: 16px;
    -moz-border-radius-bottomright: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -khtml-border-radius-bottomleft: 16px;
    -khtml-border-radius-bottomright: 16px;
	Z-index: 0;
	
}
/* lien basdepage */
#pied a{
	color:#777777;
	letter-spacing: 1px;
	text-decoration:none;
}
#pied a:hover{
    color:#444444;
	text-decoration:underline;
}
#pied #infos_legales {
  width: 816px;
    padding-left: 2px;
	text-align: center;
	float: left;
	clear: both;
}
#pied #infos_legales p {
    padding: 2px;
    padding-bottom: 0px;
}
#pied #infos_legales p:first-child {
  padding-bottom: 8px; margin-bottom: 6px; color:#666666; font-variant: small-caps; border-bottom: dotted 1px #666666;
}
#pied #infos_legales p:last-child {
  float: left;
}
#pied #infos_legales img {
	margin: 2px;
	float: left;
}
#pied .social {
  padding: 6px; height: auto; color: #003d79; text-align: center; float: right;
}
#pied .social div {
  margin-top: 6px; text-align: center; font-size: 0.95em;
}
#pied .social a.facebook {
  display: block; color: #003d79; margin-left: 10px; margin-right: 6px; float: left; text-decoration: none;
}
#pied .social a.twitter {
  display: block; margin-left: 6px; color: #003d79; float: left; text-decoration: none;
}
#pied .social>strong {
  padding-left: 16px;
}
#pied #enews-form {
	display: block;
	margin-top: 0px;
	margin-right: 4px;
	color: #1f4a7f;
	text-align: center;
	float: right;
	clear: right;
}
#pied #enews-form label {
	display: block;
	text-align: left;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin-bottom: 4px;
}
#pied #enews-form input {
	display: block;
	width: 140px;
	padding: 2px;
	padding-left: 4px;
	margin-right: 2px;
	line-height: 10px;
	color:#303030;
	font-size: 0.9em;
	border: solid 1px #91B0D5;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-radius-topleft: 8px;
    -khtml-border-radius-bottomleft: 8px;
	float: left;
}
#pied #enews-form input:focus {
    border: inset 1px #1f4a7f;
}
#pied #enews-form a {
	display: block;
	width: auto;
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 14px;
	color:#B30838;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	text-align: right;
	text-decoration: none;
	cursor: pointer;
	float: left;
	clear: right;
	background: url('send-form.png') no-repeat right center #F5F5F5;
	border: outset 1px #91B0D5;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-radius-topleft: 8px;
    -khtml-border-radius-bottomright: 8px;
}
#pied #enews-form a:hover {
    color: #1f4a7f;
    border-style: inset;
    background-color: #eeffee;
}

/*
 * END OF FILE - /c2dev/c2design/c2_design.css
 */

/*
 * START OF FILE - /c2dev/c2design/c2_menus.css
 */
/****************************************************************************
* MENU PRINCIPAL (RUBRIQUES)
****************************************************************************/
#menu {
    display: block;
	width: 100%;
	height: 24px;
	position: absolute;
	bottom: 0px;
	left:0;
	padding:0;
	margin:0;
	font-size: 0.75em;
	border-top: solid 1px #DDDDDD;
	border-bottom: solid 2px #EEB211;
	clear: both;
	Z-index: 20;
	clear: both;
}
#menu ul {
	display: block;
	width: auto;
	height:100%;
	position: absolute;
	bottom: 1px;
	left:0;
	padding:0;
	margin:0;
	list-style-type: none;
	list-style-position: inside;
}
#menu ul li {
	display: block;
	width: auto;
	height: 100%;
	padding:0;
	margin:0;
	float: left;
}
#menu ul li a, #menu ul li a:visited  {
	display: block;
	height: 24px;
	padding:0 15px 0 6px;
	line-height: 24px;
	margin:0;
	font-weight: normal;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	border: solid 1px transparent;
	border-right-color: #DDDDDD;
	border-bottom-width: 2px;
	float: left;
	background-image: url('menu/fleche_norm.png');
	background-repeat: no-repeat;
	background-position: right;
}
#menu ul li a:hover {
	text-decoration: none;
	color: #1d4a7f;
	background-color: #FFFFF0;
	background-image: url('menu/fleche_over.png');
	border-color: #AFBD22;
	border-bottom: solid 2px #AFBD22;
}
#menu ul li a.active {
	text-decoration: none;
	color: #1d4a7f;
	font-weight: bold;
	margin-top: -1px;
	background-color: #FFFFFF;
	background-image: url('menu/fleche_active.png');
	border-color: #EEB211;
	border-width: 2px;
	border-bottom: solid 2px #FFFFFF;
}

#menu ul li:first-child a {
  border-left: none;
}
#menu ul li:last-child a {
  border-right: none;
   clear: right;
}
/****************************************************************************
* MENU GAUCHE (SOUS-RUBRIQUES)
****************************************************************************/
#smenu {
    display: block;
    width: auto;
    min-height: 300px;
    margin: 2px;
    margin-bottom: 6px;
    padding-bottom: 4px;
    text-align: left;
    font-size-adjust: 0.5;
    font-family: "Lucida Grande", Helvetica, sans-serif;
    border: solid 2px #1d4a7f !important;
    border-width: 1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #FFFFFF;
}
#smenu * {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#smenu li, #smenu li ul {
    display: block;
    margin: 0;
    padding: 0;
}
/* Titre de la Rubrique */
#smenu li h1 {
    color: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    letter-spacing: 0.8px;
    font-size: 1.3333em;
    font-weight: normal;
    font-variant: small-caps;
    border-bottom: solid 2px #EEB211;
    background-color: #000033;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}
#smenu li h1 a {
    color: inherit;
    border: none;
    background: none;
}
/* Rubrique :: Liens (normal) */
#smenu li a {
    display: block;
    margin-bottom: 2px;
    padding: 3px;
    padding-left: 4px;
    padding-right: 0;
    font-variant: small-caps;
    letter-spacing: 0.4px;
    text-decoration: none;
    border-top: solid 1px #91B0D5;
    border-bottom: dotted 1px #91B0D5;
    border-right: none;
    background-color: #FFFFFF;
}
/* Rubrique :: Liens (survol) */
#smenu li>a:hover {
    color: #1d4a7f;
    background-color: #F0FFF0;
    border: groove 1px #1d4a7f;
}
#smenu>li.titre_rubrique {
    margin-bottom: 2px;
    border-bottom: solid 2px #AFBD22;
}
/* Rubrique :: Liens (actif) */
#smenu li a.on {
    color: #003366;
    font-weight: bold;
    border: ridge 1px #1d4a7f;
    background-color: #AFBD22;
}
#smenu li a, #smenu li a:hover, #smenu li a.on {
    border-right: none;
}
#smenu>li>a, #smenu>li>a:hover, #smenu>li>a.on {
    border-left: none;
}
/****************************************************************************
* MENU GAUCHE (SOUS-RUBRIQUES) - SOUS-MENU
****************************************************************************/
#smenu li.sousmenu>ul {
    display: none;
}
#smenu li.sousmenu ul.deplie, #smenu li.sousmenuon, #smenu li.soussousmenu ul.deplie {
    display: block;
    border-bottom: dotted 1px #91b0d5;
}
#smenu li.sousmenu, #smenu li.sousmenuon {
    margin-top: 2px;
    margin-bottom: 4px;
}
#smenu li.sousmenuon {
    background-color: #F6E2C4;
}
#smenu li.sousmenuon>ul {
    display: block;
}
#smenu li h2, #smenu li h3 {
    font-size: 1em;
    font-variant: small-caps;
}
#smenu li>h2>a, #smenu li>h3>a {
    display: block;
    color: #1d4a7f;
    text-decoration: none;
    border-top: solid 2px #EEB211;
    border-bottom: solid 2px #EEB211;
}
#smenu li.sousmenu>h2>a:hover, #smenu li.soussousmenu>h3>a:hover {
    border-top: solid 2px #B30838;
    border-bottom: solid 2px #B30838;
    background-color: #FFFFE0;
}
#smenu li.sousmenuon>h2>a, #smenu li.soussousmenuon>h3>a {
    color: #003366;
    border-top: groove 2px #F08B1D;
    border-bottom: groove 2px #F08B1D;
    background-color: #EEB211;
}

#smenu li ul, #smenu li ul li, #smenu li ul li a {
    display: block;
}
#smenu li>ul>li>a {
    border-left: solid 1px #EEB211;
}
#smenu>li>ul>li {
    margin-left: 4px;
}
#smenu li.sousmenuon ul {
    padding-bottom: 2px;
}
/****************************************************************************
* MENU GAUCHE (SOUS-RUBRIQUES) - SOUS-SOUS-MENU
****************************************************************************/
#smenu li.soussousmenu, #smenu li.soussousmenuon {
    border-left: solid 1px #EEB211;
}
#smenu li.soussousmenu ul {
    display: none;
}
#smenu li.soussousmenuon ul {
    padding-bottom: 4px;
}
#smenu li.soussousmenu ul li, #smenu li.soussousmenuon ul li {
    margin-left: 4px;
}

/*
 * END OF FILE - /c2dev/c2design/c2_menus.css
 */

/*
 * CSS file created by Rockstarapps Concatenation
 */