/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Helvetica, Verdana, Arial, sans-serif;
	font-size           : 11px;
	color               : #435058;
	background          : #83949C url(images/gabarit/degrade_gris_fond.jpg) top left repeat-x;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
}

a, a:visited, a:link {
	color               : #435058;
	background-color    : inherit;
	text-decoration     : none;
}
a:hover, a:active {
	text-decoration     : underline;
}

p {
    font-family         : Helvetica, Verdana, Arial, sans-serif;
	font-size           : 11px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

h1 {
    font-family         : Helvetica, Verdana, Arial, sans-serif;
    font-size           : 15px;
    font-weight         : normal;
    color               : #435058;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
    text-transform      : uppercase;
}
h2 {
    font-family         : Helvetica, Verdana, Arial, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #435058;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
    text-transform      : uppercase;
}
h3 {
    font-family         : Helvetica, Verdana, Arial, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #000000;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}

h4 {
    font-family         : Helvetica, Verdana, Arial, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #000000;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
td {
    font-family         : Helvetica, Verdana, Arial, sans-serif;
	font-size           : 11px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Helvetica, Verdana, Arial, sans-serif;
	font-size           : 11px;
}
ol {
    font-family         : Helvetica, Verdana, Arial, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Helvetica, Verdana, Arial, sans-serif;
	font-size           : 11px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
    border              : 1px solid #02121E;
    background-color    : white;
    /*padding-right       : 2px;*/
    padding             : 2px;
}
textarea {
    border              : 1px solid #02121E;
    background-color    : white;
    /*padding-right       : 2px;*/
    padding             : 2px;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/

div#conteneur {
    margin-left         : auto;
    margin-right        : auto;
    width               : 1024px;
}
div#header {
    background          : #FFFFFF url(images/gabarit/fond_header.gif) top left repeat-x;
    width               : 100%;
    height              : 188px;
}

div#logo {
    float               : left;
    height              : 70px;
    padding-top         : 118px;
    /*padding-left        : 19px;*/
}

div#menu_header {
    float               : right;
    height              : 28px;
    padding-top         : 158px;
}

div#content_corps {
    position            : relative;
    clear               : both;
    background          : #FFFFFF;
    width               : 100%;
    height              : 440px;
}

div#content_corps a {
    color               : #E3B029;
}

div#content_left {
    float               : left;
    position            : relative;
    width               : 520px;
    /*padding-bottom      : 10px;*/
    /*padding-left        : 10px;*/
}

div#titre_actu_slider {
    font-size           : 14px;
    padding-left        : 45px;
}

div#titre_nom_equipe {
    font-size           : 14px;
    padding-left        : 45px;
}

div.actu_lien_suite {
    clear               : both;
    color               : #E3B029;
    text-align          : right;
}

div.actu_lien_suite a {
    color               : #E3B029;
}

td.separateur_table {
    width               : 5px;
    background          : transparent url(images/arrow-separateur-table.gif) top center no-repeat;
}

div#corps_actu_slider {
    clear               : both;
    position            : relative;
    visibility          : hidden;
    padding-left        : 20px;
}

div#content_right_small div#content_right {
    height              : 260px;
    padding-bottom      : 20px;
}

div#content_right {
    float               : right;
    padding-top         : 0px;
    padding-right       : 38px;
    padding-left        : 0px;
    width               : 450px;
    text-align          : left;
    height              : 440px;
}

div#liens_niveau_2 {
    clear               : both;
    background          : transparent;
    width               : 100%;
    text-align          : right;
    padding-top         : 5px;
}

div#liens_niveau_2 img {
    padding-left        : 7px;
    padding-right       : 7px;
}

span#conteneur_nom_menu_liens_niveau_2 {
    text-decoration     : underline;
    color               : #FFFFFF;
}

div#footer {
    background          : transparent;
    width               : 100%;
    padding-top         : 30px;
}

div#contact_agence {
    float               : left;
}

table.contact_agence_table td {
    padding-left        : 35px;
    padding-right       : 35px;
    color               : #FFFFFF;
    font-size           : 12px;
}

table.contact_agence_table td.contact_agence_ville_td {
    /*text-decoration     : underline;*/
    font-weight         : bold;
}

table.contact_agence_table td.contact_agence_tel_td {

}

div#contact_rapide {
    float               : right;
    padding-right       : 75px;
    color               : #FFFFFF;
    width               : 250px;
}

div#contact_rapide_text {
    background          : transparent url(images/pix_blanc.gif) top left repeat-y;
    padding-left        : 15px;
    padding-bottom      : 5px;
}

div#contact_rapide_text span.nom {
    font-size           : 13px;
    font-weight         : bold;
    padding-bottom      : 5px;
}

div#contact_rapide_text span.commentaire {

}

div#contact_rapide_bouton {
    padding-top         : 5px;
    width               : 100%;
    text-align          : right;
}

hr.separateur_content {
    background-color    : #435058;
    color               : #435058;
    height              : 1px;
    border              : 0;
    width               : 334px;
}

div#content_bloc_slider {
    position            : relative;
    width               : 334px;
    height              : 200px;
}

ul.actualites_archive_list a.lien_gauche {
    color               : #02121E;
    text-decoration     : underline;
}
ul.actualites_archive_list a.lien_gauche:hover {
    text-decoration     : none;
}

ul.actualites_archive_list a.lien_droite {
    color               : #E3B029;
}

ul.actualites_archive_list li {
    color               : #E3B029;
    background          : transparent url(images/puce_archive_actu.gif) left 8px  no-repeat;
    list-style-type     : none;
    margin              : 0px;
    padding             : 0px 0px 0px 6px;
}

div#titre_actu_archive {
    font-size           : 14px;
}

div#corps_actu_archive {

}

div.equipe_description {
    height              : 150px;
}
/* Menu */
div#menu {
    padding             : 2px;
    background          : #02121E;
}

div#menu ul {
    display             : block;
    border              : 1px solid #FFFFFF;
    /*background          : #02121E;*/
    height              : 24px;
}

div#menu ul li {
    display             : block;
    float               : left;
    color               : #FFFFFF;
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    list-style-type     : none;
    /*padding-left        : 15px;
    padding-right       : 15px;*/
    /*padding-top         : 5px;
    padding-bottom      : 5px;*/
    /*background          : #02121E;*/
    text-transform      : uppercase;
    width               : 120px;
    text-align          : center;
    cursor              : pointer;
}

div#menu ul li.separateur_menu {
    width               : 1px;
    background          : #02121E url(images/separateur_menu.gif) center center no-repeat;
    height              : 100%;
    padding-left        : 0px;
    padding-right       : 0px;
    padding-top         : 0px;
    padding-bottom      : 0px;
    z-index             : 1;
}

div.abs_menu_conteneur {
    position            : absolute;
    width               : 120px;
    height              : 158px;
    overflow            : hidden;
}

div.abs_menu_cache_left {
    position            : absolute;
    width               : 60px;
    height              : 190px; /*158  +32*/
}

div.abs_menu_cache_right {
    position            : absolute;
    width               : 60px;
    height              : 190px; /*158  +32*/
}

div.abs_menu_cache_bas {
    position            : absolute;
    width               : 190px;
    height              : 60px;
    z-index             : 1;
}

div.abs_menu {
    position            : absolute;
    width               : 120px;
    display             : none;
}

ul.ul_abs_menu {
    display             : block;
    width               : 120px;
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
}

ul.ul_abs_menu li {
    display             : block;
    color               : #000000;
    text-align          : right;
    width               : 100%;
    margin              : 0px 0px 0px 0px;
    text-decoration     : none;
    background          : #FFFFFF;
}
/*ul.ul_abs_menu li.impair {
    background          : #FFFFFF;
}

ul.ul_abs_menu li.pair {
    background          : #CCD3DD;
}*/

ul.ul_abs_menu li a {
    display             : block;
    width               : 100px;
    padding-right       : 20px;
    padding-top         : 5px;
    padding-bottom      : 5px;
    text-decoration     : none;
}

ul.ul_abs_menu li a:hover {
    /*background-color    : #FCC300;*/
    background          : #CCD3DD;
    text-decoration     : none;
}



ul.ul_abs_menu li.abs_menu_cache_haut {
    background          : transparent;
    height              : 30px;
}



div.img_diapo_slider {
    width               : 400px;
    height              : 100%;
    text-align          : center;
}

div.menu_3_references {
    clear               : both;
    width               : 100%;
    height              : 160px;
}

div#menu {
    overflow            : hidden;
}

div#menu_anime {
    display             : none;
    width               : 100px;
    background-color    : #123456;
    height              : 15px;
}

div.equipe_slider {
    clear               : both;
    float               : left;
    width               : 500px;
    visibility          : hidden;
}

div.equipe_slider_titre {
    display             : none; /* temp */
}

div.equipe_description {
    float               : right;
    width               : 448px;
    padding-top         : 10px;
    padding-right       : 40px;
    padding-left        : 0px;
}

div#img_content {
    /*width               : 400px;*/
    width               : 520px;
    height              : 300px;
    text-align          : center;
}

div#conteneur_content_bloc_slider {
    width               : 100%;
    padding-top         : 40px;
    height              : 240px;
}

div#conteneur_content_bloc {
    width               : 100%;
    padding-top         : 40px;
}

td.msg {
    width               : 150px;
    color               : #000000;
    font-size           : 11px;
}

/* Menu */
div.menu {
    background-color    : #486F8E;
    color               : inherit;
    padding-left        : 15px;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
    font-family         : Helvetica, Verdana, Arial, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.menu a:active, div.menu a:hover,
div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {
    display             : block;
    font-family         : Helvetica, Verdana, Arial, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFB123;
	background-color    : inherit;
	text-decoration     : none;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 10px;
    background-color    : #396486;
    color               : inherit;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
    font-family         : Helvetica, Verdana, Arial, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
    font-family         : Helvetica, Verdana, Arial, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFB123;
	background-color    : inherit;
	text-decoration     : none;
}

/*  Slider page */
/** { margin: 0; padding: 0 }*/
/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

/*p { text-align: left; margin: 15px 0 }

p, ul { font-size: 13px; line-height: 1.4em }

p a, li a { color: #39c; text-decoration: none }
*/
p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }

p#cross-links { text-align: center }

p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

a:focus { outline:none }
/*
img { border: 0 }
*/
/*
h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
*/
/*
body {
	font-family: Verdana, Arial;
	background: #ebebeb url("images/body-bg.png") repeat-y center;
	color: #000;
	width: 800px;
	margin: auto;
	text-align: center;
	padding-bottom: 20px;
}
*/
#show_references_diaporama {
    visibility      : hidden;
    text-align      : center;
    width           : 100%;
}

#show_references_diaporama .stripViewer .panelContainer .panel ul {
	margin: 0px 0px 0px 0px;
}

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 3px 0;
	position: relative;
	width: 480px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 150px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 150px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	/*border: 5px solid #39c;*/ /* this is the border. should have the same value for the links */
	margin: auto;
	width: 480px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	/*height: 200px;*/
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 480px; /* Also specified in  .stripViewer  above */
}


#show_references_diaporama .stripViewer .panelContainer .panel .wrapper {
    padding-left    : 40px;
	padding-right   : 25px;
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding-left: 45px;
	padding-right: 45px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	display         : none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}

.stripNav a { /* The nav links */
	font-size           : 11px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 15px;

}

.stripNav a:hover {
	background: #9cf;
}

.stripNav a.current {
	background: #39c;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top         : 0px;
	/*top: 10px;*/
	text-indent: -9000em;
	background : #FFFFFF;
	padding-top : 5px;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 81px;
	width: 30px;
}

.stripNavL {
	left: 0;

}

.stripNavR {
	right: 0;
}

.stripNavL {
	z-index:1;
	background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}

#show_references_diaporama .stripNavL {
	z-index:1;
	background: url("images/arrow-left_refs.gif") no-repeat center;
}

#show_references_diaporama .stripNavR {
	background: url("images/arrow-right_refs.gif") no-repeat center;
}

/*  JCarousel   */

/**
 * Additional styles for the controls.
 */
.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}

.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #fff;
    color: #eee;
    background-color: #4088b8;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}

/*  Styles supplementaires Pamplemousse */
.formulaire {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #394245;
    border: 1px solid #F7BB00;
}