@charset "utf-8";
/*balises générales*/
* {
	border:none;
	padding:0px;
	margin:0px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#1E1E1E;
}
h1 {
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding: 40px 0px 190px 0px;
}
h1.normal {
	font-size:20px;
	color:#BF3288;
	padding:0px 0px 30px 0px;
	margin:0px;
	font-weight: normal;
}
h1.sans {
	font-size:20px;
	color:#BF3288;
	padding:0px 106px 30px 106px;
	margin:0px;
	font-weight: normal;
}
h2 {
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	padding: 14px 0px 0px 0px;
}
h2.sans {
	font-size:20px;
	color:#681341;
	font-weight: normal;
	padding:0px 106px 30px 106px;
	margin: 0px;
	}
h2.normal {
	font-size:20px;
	color:#681341;
	font-weight: normal;
	padding: 0px 0px 25px 0px;
	margin: 0px;
}
h2 a, h2 a:hover {
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
}
h3 {
	font-size:12px;
	font-weight:bold;
	color:#774D7B;
	padding: 0 0px 1px 0px;
	margin: 0px;
}
h3.actualites {
	font-size:15px;
	padding:0px 0px 0px 20px;
	margin:0px;
}
h4 {
	font-size:15px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 18px 0px;
	border-bottom:1px solid #774D7B;
	font-weight:bold;
	color:#774D7B;
	height:28px;
}
h4 img {
	float:left;
	padding:0px 5px 5px 0px;
}
h4 span {
	float:left;
	padding:7px 0px 0px 5px;
}
h4.sans {
	border:0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
h5 {
	font-size:13px;
	padding:0px 0px 0px 0px;
	color:#774D7B;
	text-transform: uppercase;
}
a {
	font-weight:bold;
	text-decoration:underline;
	color:#CDC5CA;
}
a:hover {
	font-weight:bold;
	text-decoration:underline;
	color:#FFF;
}
/*conteneur*/
div#fond_conteneur {
	background-image:url(../images/charte/fond_gal_motif.jpg);
	background-repeat: repeat-x;
	width:100%;
	min-height:700px;
	display:table;
}
div#conteneur {
	width:980px;
	margin:0px auto 0px auto;
	background-repeat:no-repeat;
	background-position:right bottom;
	display:table;
}
div#conteneur.home {
	background-image:url(../images/charte/fond_home.jpg);
}
div#conteneur.home_pl {
	background-image:url(../images/charte/fond_home_pl.jpg);
}
div#conteneur.home_groupe {
		background-image:url(../images/charte/fond_home_groupe.jpg);
	}
div#conteneur.apropos_FR {
	background-image:url(../images/charte/fond_apropos_fr.jpg);
}
div#conteneur.apropos_EN {
	background-image:url(../images/charte/fond_apropos_en.jpg);
}
div#conteneur.sans {
	background-image:url(../images/charte/fond_contenu_sans.jpg);
	background-repeat:no-repeat;
}
div#conteneur.interventions_FR {
	background-image:url(../images/charte/fond_interventions.jpg);
	background-repeat:no-repeat;
}
div#conteneur.interventions_EN {
	background-image:url(../images/charte/fond_interventions_en.jpg);
	background-repeat:no-repeat;
}
div#conteneur.clients_FR {
	background-image:url(../images/charte/fond_clients.jpg);
	background-repeat:no-repeat;
}
div#conteneur.clients_EN {
	background-image:url(../images/charte/fond_clients_en.jpg);
	background-repeat:no-repeat;
}
/*Navigation et menu*/
div#ariane {
	height:20px;
}
div#ariane ul {
	float:left;
	padding:3px 0px 0px 0px;
	font-size:11px;
	color:#B2B2B2;
}
div#ariane ul li {
	text-align:right;
	display:inline;
}
div#ariane ul.ariane {
	margin:0px 0px 0px 0px;
	width:880px;
	text-align:right;
	text-transform:lowercase;
}
div#ariane ul.langues {
	margin:0px 0px 0px 30px;
}
div#ariane ul li a {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
div#navigation {
	width:324px;
	height:662px;
	float:left;
	background-image:url(../images/charte/fond_menu.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	/*	position:fixed;*/
	background-color:#F2F0F1;
	display:table;
}
div#navigation div#logo {
	width:324px;
	height:96px;
}
div#navigation div#menu {
	width:190px;  /*324-104-30*/
	height:351px; /*371-20*/
	margin: 0px 0px 0px 104px;
	background-image:url(../images/charte/fond_menu_deroule.jpg);
	background-repeat:repeat-x;
	background-color:#4D1833;
	padding:20px 10px 0px 20px;
	display: table;
}
div#navigation div#menu.normal {
	height:467px
}
/*menu déroulant*/
.Accordion {
	width:177px;
	height:185px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/habillage/menu_fond.jpg);
	background-repeat:no-repeat;
	display:table;
	overflow: hidden;
	border:0px;
}
:focus {
	-moz-outline-style: none;
}
/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	cursor:pointer;
	outline: none;
}
/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	margin: 0px;
	width:177px;
	font-size:15px;
	font-weight:normal;
	padding:6px 0px;
	outline: none;
}
.AccordionPanelTab a {
	font-weight:normal;
	text-decoration:none;
	outline: none;
	border: 0px;
}
.AccordionPanelTab a:hover {
	color:#FFF;
	outline: none;
	border: 0px;
}
/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
}
.AccordionPanelContent ul li {
	padding:0px 0px 5px 0px;
	list-style-type:none;
}
.AccordionPanelContent a {
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	outline: none;
	border: 0px;
}
.AccordionPanelContent a.actif, .AccordionPanelContent a.actif:hover {
	color:#FFF;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	font-weight:bold;
}
.AccordionPanelOpen .AccordionPanelTab a, .AccordionPanelOpen .AccordionPanelTab a:hover {
	font-weight:bold;
	color:#FFF;
}
/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
}
.AccordionPanelOpen .AccordionPanelTabHover {
}
/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color:none;
	outline: none;
	border: 0px;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: none;
}
/*Actualités*/
div#navigation div#actualites {
	width:324px;
	height:195px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/fond_menu_bloc.png);
	background-repeat:no-repeat;
	background-position:top left;
}
div#navigation div#actualites_contenus {
	width:220px;  /*324-104*/
	height:195px;
	margin: 0px 0px 0px 104px;
	background-color:#681341;
}
div#navigation div#actualites_contenus h2 {
	text-align:left;
	padding-top:35px;
	padding-bottom:15px;
	padding-left:20px;
}
div#navigation div#actualites_contenus ul {
	padding:0px 20px 0px 15px;
	margin:0px;
	color:#FFF;
}
div#navigation div#actualites_contenus ul li {
	padding:0px;
	margin:0px;
	list-style-type:none;
	font-size:11px;
}
div#navigation div#actualites_contenus ul li a{
	text-decoration:none;
	color:#FFF;
	font-weight:normal;
}
p.adresse {
	font-size:12px;
	color:#CDC5CA;
}
/*flipbook menu*/
div#navigation div#flipbook {
	width:324px;
	height:44px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 30px 0px;
	background-image: url(../images/charte/fond_menu_flipbook.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#4D1833;
}
div#navigation div#flipbook_contenus {
	margin: 0px 0px 0px 104px;
	background-color:#4D1833;
	padding:0px 0px 35px 0px;
}
div#navigation div#flipbook_contenus h2 {
	width:220px;  /*324-104*/
	height:32px; /*44-12*/
	padding: 12px 0px 0px 0px;
	background-color:#681341;
	text-align:center;
}
/*Corps de page*/
div#contenu {
	width:656px;
	float:right;
	height:662px;
}
div#contenu div#lien {
	background-image:url(../images/charte/bloc_acces_home.png);
	background-repeat:no-repeat;
	float:right;
	width:352px;
	height:45px;
	margin: 422px 0px 0px 0px;
}
div#contenu div#lien img {
	float:left;
	padding:8px 10px 0px 10px;
}
div#contenu div#description {
	width:654px; /*656 - 2px border*/
	height:112px; /*114 - 2px border*/
	background-image:url(../images/charte/fond_accueil_bloc.png);
	background-repeat: repeat-y;
	border:1px solid #FFF;
	clear:both;
}
div#contenu div#description.normal {
	width:354px;
	background-image:url(../images/charte/fond_contenu_bloc.png);
	background-repeat: repeat-y;
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	border-top:0px;
	border-bottom:0px;
	clear:both;
	margin:0px 106px;
	padding:45px 45px 0px 45px;
	height:617px; /*662-45*/
	color: #333333;
	overflow:auto;
}
div#contenu div#description.court {
	width:354px;
	background-image:url(../images/charte/fond_contenu_bloc.png);
	background-repeat: repeat-y;
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	border-top:0px;
	border-bottom:0px;
	clear:both;
	margin:0px 106px;
	padding:45px 45px 30px 45px;
	height:375px; /*445-70*/
	color: #333333;/*overflow:auto;*/
	display: table;
}
div#contenu div#description.sans {
	background:none;
	width:656px;
	border:0px;
	clear:both;
	margin:0px;
	padding:45px 0px 0px 0px;
	height:617px; /*662-45*/
	color: #333333;
}
div#contenu div#description.liste {
	background:none;
	width:512px; /*656-144*/
	border:0px;
	clear:both;
	margin:0px;
	padding:45px 72px 0px 72px;
	height:617px; /*662-45*/
	color: #333333;
	overflow:auto;
}
div#contenu div#description.liste tr td.images {
	width:121px;
	padding:0px;
}
div#contenu div#description p {
	padding:0px 0px 15px 0px;
}
div#contenu div#description p.home {
	padding:23px 75px 0px 75px;
}
div#contenu div#description.sans p {
	padding:0px 106px 15px 106px;
}
div#contenu div#description ul {
	padding:0px 0px 3px 0px;
}
div#contenu div#description ul li {
	list-style-image:url(../images/charte/puce_contenu.gif);
	padding:0px 0px 1px 1px;
	margin:0px 0px 0px 12px;
}
div#contenu div#description ul li ul {
	padding:1px 0px 1px 0px;
}
div#contenu div#description ul li ul li {
	padding:0px 0px 1px 10px;
	list-style-image:url(../images/charte/puce_contenu_2.gif);
}
div#contenu div#description a:link, div#contenu div#description a:visited {
	color:#666;
	text-decoration:underline;
	font-weight:normal;
}
div#contenu div#description a:hover {
	color:#333;
	text-decoration:underline;
	font-weight:normal;
}
div#contenu div#flipbook {
	background-image:url(../images/charte/fond_flipbook.jpg);
	width:201px;
	height:45px;
}
div#contenu div#flipbook h2 {	
	float:left;
	padding:11px 16px 0 25px;
} 

div#contenu div#flipbook img {
	float:left;
	padding:8px 0px 0px 0px;
}
div#contenu div#description table#equipe {
	margin:0px 106px;
	width:443px;
	padding:0px 0px 20px 0px;
	vertical-align:top;
}
div#contenu div#description table#equipe tr td {
	vertical-align:top;
}
div#contenu div#description table#equipe ul li {
	list-style-type:none;
	background-image:none;
	list-style-image:none;
}

div#contenu div#description table#equipe ul li a:link, div#contenu div#description table#equipe ul li a:visited {
	color:#333;
	text-decoration:none;
	font-weight:normal;
}
div#contenu div#description table#equipe ul li a:hover, div#contenu div#description table#equipe ul li a.actif {
	color:#681341;
	text-decoration:none;
}
table.liste {
	width:511px;
}
table.liste tr td {
	vertical-align:top;
}
div.monactu {
	background-image:url(../images/charte/fond_actualites_bloc.jpg);
	background-repeat:repeat-y;
	width:462px; /*512-50*/
	display: table;
	border: 1px solid #CDC5CA;
	padding:15px 25px;
	margin: 0px 0px 10px 0px;
}
div.monactu a.pdf, div.monactu a:hover.pdf {
	background-image:url(../images/charte/picto_PDF.gif);
	background-repeat:no-repeat;
	height:25px;
	padding:0px 0px 10px 25px;
}
div#contenu div#description table#formulaire tr td ul li {
	list-style-image:none;
	list-style-type:none;
	height:20px;
	background-image:none;
}
div#contenu div#description table#formulaire tr td ul li input {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
input.valider {
	background-color:#595959;
	font-size:11px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding:5px;
	cursor:pointer;
}
input.valider2 {
	background-image:url(../images/charte/valider.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FFF;
	padding:25px 0px 15px 50px;
	cursor:pointer;
	margin:0px 0px 20px 500px;
	border: 0px;
}
input.valeur {
	width:15px;
	height:15px;
	text-align:center;
}
input.description {
	width:100%;
	height:70px;
	margin:0px 0px 20px 0px;
}
input {
	border:1px solid #595959;
}
input.sans {
	border:0px;
}
table#questions {
	font-size:11px;
	color:#681341;
}
table#questions tr td {
	vertical-align:top;
	height:20px;
}
table#contact tr td {
	padding:0px 5px 0px 5px;
	}
	table#contact tr td.bus {
	border-left:1px solid #774D7B;
	}
/*classes divers*/
.rose {
	font-size:16px;
	color:#BF3288;
}
.rose1 {
	color:#CC5BA0;
}
.violet {
	color:#774D7B;
}
/*test diaporama*/
/** 
 * Slideshow style rules.
 */
#slideshow {
	width:448px;
	height:305px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
	width:552px; /*656-104*/
	height:305px;
	overflow:auto; /* affiche une scrollbar au cas ou */
	position:relative;
	padding: 0px 0px 0px 104px;
}
#slideshow #slidesContainer .slide {
	width:448px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
	height:305px;
	background-image:url(../images/charte/fond_fiche_bloc.jpg);
	background-repeat:no-repeat;
}
#slideshow #slidesContainer .slide p.image {
	width:162px; /*195-33*/
	height:245px; /*280-35*/
	float:left;
	padding:35px 0px 0px 33px;
}
#slideshow #slidesContainer .slide p.spip{
	padding:0px 0px 0px 15px;
}
#slideshow #slidesContainer .slide div.texte{
	padding: 33px 0pt 0pt;
	width: 250px; 
	margin-left: 180px;
}
#slideshow #slidesContainer .slide h2 {
	width:253px;
	height:280px;
	clear:both;
	font-size: 13px;
	font-weight: bold;
	color: #565656;
	text-align: center;
	padding: 0px 0px 0px 104px;
}
/** 
 * Slideshow controls style rules.
 */
.control {
	display:block;
	text-indent:-10000px;
	cursor: pointer;
	clear:both;
	position:absolute;
	top:320px;
}
#navDiapo {
	clear:both;
}
#leftControl {
	background-image:url(../images/charte/slide_left.gif);
	background-repeat:no-repeat;
	width:15px;
	height:23px;
	position:absolute;
	left:315px;
		top:300px;
}
#rightControl {
	background-image:url(../images/charte/slide_right.gif);
	background-repeat:no-repeat;
	width:15px;
	height:23px;
	position:absolute;
	left:345px;
	top:300px;
}
/** 
 * Style rules for Demo page
 */
#pageContainer {
	width:656px;
}
/*Zone étirable*/
/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	text-decoration: none;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-image:url(../images/charte/fleche_recherche_off.gif);
	background-repeat:no-repeat;
	background-position:center left;
}
/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
	/* background-color: #EFEFEF */
background-image:url(../images/charte/fleche_recherche_on.gif);
	background-repeat:no-repeat;
	background-position:center left;
}
/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
}
/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
}
.flashAcces{
	float:left;
	margin:8px 0 0 15px;
}
span.lienPictoAcc{
	padding: 7px 0pt 0pt; 
	display: block; 
	height: 25px;
}
span.lienPictoActu{
    margin: 0 0 7px 0; 
	padding: 7px 0pt 0pt; 
	display: block; 
	height: auto;
}
div#footer{
	margin: 0pt auto; 
	color:#AAAAA7; 
	width: 980px; 
	text-align: center;
	margin-top:20px;
}
div#footer ul{
	list-style-image:none;
	list-style-type:none;
	display:inline;
}
div#footer ul li{
	display:inline;
}
div#footer ul li a {
	color:#636363;
	font-family:arial;
	font-size:10px;
	text-decoration:none;
}