/* site TAD-FAD */
/* balises html ---------------------------------------------------------*/
body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color:#E7E5E7;
}
img{
	margin:0;
	padding:0;
	border:0;
}
h1{
	font-size:120%;
	margin:15px 0 0 15px;
	padding:0;
}


/* divisions ----------------------------------------------------------------------------------------*/
#global {
	background:#FFFFFF;
	width:760px;
	margin:0 auto 0 auto;
	padding:0;
	border:0;
}
/* de la page d'accueil ------------------------------*/

#left_home{
	float:left;
	width:139px;
	height:570px;
	background-image:url(../images/gauche_home.gif);
	margin:0;
	padding:0;
	border:0;
}
#header_home {
	float:right;
	width:621px;
	height:91px;
	background-image:url(../images/header_home.gif);
	padding:0;
	margin:0;
	border:0;
}
#content_home {
  float:right;
	width:621px;
	height:479px;
	background-image:url(../images/content_home.gif);
	margin:0;
	padding:0;
	border:0;
}

#marge_footer{
  clear:both;
}

#logos{
	margin:370px 0 0 0;
	padding:0;
	float:right;
	width:180px;
	height:95px;
	text-align:right;
	border:0;
}

/* des autres pages ----------------------------------*/
#left{
	float:left;
	width:139px;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	border:0;
}
#header {
	float:right;
	width:621px;
	height:91px;
	background-image:url(../images/header.gif);
	padding:0;
	margin:0;
}
#contenu {
	float:right;
	width:621px;
	padding:0;
	margin:0;
	background:#FFFFFF;
	overflow:hidden;
}

#clearer {border:0; clear: both; display:block;} 

#contenu h1.rouge ,#contenu h1.vert, #contenu h1.bleu, #contenu h1.orange, #contenu h1.gris {
	margin:15px 0 0 15px;
	padding:0;
}

#conteneur_texte{
	width:620px;
	background-image:url(../images/bg_lepuy.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	min-height:479px;
	margin:0;
	padding:0;
	border:0;
}

#texte{
	margin:0;
	padding:10px 5px 10px 15px;
	border:0px;
}
#texte h1{
	font-size:120%;
	margin:15px 0 8px 0;
	font-weight:bold;
	padding:0;
}
#texte h2{
	font-size:100%;
	font-weight:bold;
	padding:10px 0px 5px 0px;
}
#texte h3{
	font-size:90%;
	font-weight:bold;
	padding:10px 0px 3px 0px;
}
#texte p{
  font-size:75%;
  line-height:150%;
	margin:0px;
	padding:0px;
}

#texte ul {font-size:75%;margin:0px 0px 0px 15px; padding:0px; }
#texte blockquote ul {font-size:75%; list-style:circle;}
#texte blockquote blockquote ul {list-style:square;}
#texte ul li{margin:0px;}

#texte a, #texte a:hover, #texte a:visited, #texte a:active {text-decoration:none;}
#texte a:hover{text-decoration:underline;}

#marge_footer{height:10px;margin:0;padding:0;}
#footer{
	background:#E7E5E7;
	margin:0 auto 0 auto;
	width:760px;
	padding:0;
	text-align:center;
	font-size:12px;
	color:#000000;
}
#footer ul {
  margin:0;
	padding:0;
}
#footer ul li {
  display: inline ;
	margin:0;
}

#footer ul a{
	text-decoration:none;
	color:#000000;
}
#footer ul a:hover{
	text-decoration:underline;
	color:#000000;
}
/* fin des divisions ---------------------------------------------------------------------------------*/

/* classes -------------------------------------------------------------*/


/* menus --------------------------------- */

/* menu principal (accueil)+++++++++++++++++++++++++++++++++++++++++++++++++*/
#menu_home{width:400px; font-size:100%; float:left; padding:0; margin:0 0 0 15px; }
#menu_home ul{padding:0; margin:0; }
#menu_home li {font-size:110%; list-style:none; font-weight:bold; padding:0;	margin:20px 0 0 0; border:0;}
#menu_home li ul {padding:0; margin:3px 0 0 0;}
#menu_home li ul li {font-weight:normal; font-size:65%; line-height:120%; list-style:disc; padding:0; margin:0 0 0 15px; border:0;}
/* menu principal (accueil) -------------------------------------------------*/

/* menu principal (descente)++++++++++++++++++++++++++++++++++++++++++++++++++*/
#menu{width:130px; float:left; padding:0; margin:0 0 0 3px;}
#menu ul{padding:0; margin:0; }
#menu li {font-size:75%; list-style:none; font-weight:bold; padding:0;	margin:15px 0 0 0; border:0;}
#menu li ul {padding:0; margin:2px 0 0 0;}
#menu li ul li {font-weight:normal; font-size:80%; line-height:150%; list-style:disc; padding:0; margin:0 0 0 15px; border:0;}
/* menu principal (descente) -------------------------------------------------*/

#menu1 {color:#93979B;}
#menu2 {color:#e43827;}
#menu3 {color:#71b223;}
#menu4 {color:#0081c7;}
#menu5 {color:#ec8b22;}
#menu6 {color:#83878B;}

#menu1 a, #menu1 a:hover, #menu1 a:visited, #menu1 a:active {color:#93979B;text-decoration:none;}
#menu1 a:hover{text-decoration:underline;}

#menu2 a, #menu2 a:hover, #menu2 a:visited, #menu2 a:active {color:#e43827;text-decoration:none;}
#menu2 a:hover{text-decoration:underline;}

#menu3 a, #menu3 a:hover, #menu3 a:visited, #menu3 a:active {color:#71b223;text-decoration:none;}
#menu3 a:hover{text-decoration:underline;}

#menu4 a, #menu4 a:hover, #menu4 a:visited, #menu4 a:active {color:#0081c7;text-decoration:none;}
#menu4 a:hover{text-decoration:underline;}

#menu5 a, #menu5 a:hover, #menu5 a:visited, #menu5 a:active {color:#ec8b22;text-decoration:none;}
#menu5 a:hover{text-decoration:underline;}

#menu6 a, #menu6 a:hover, #menu6 a:visited, #menu6 a:active {color:#83878B;text-decoration:none;}
#menu6 a:hover{text-decoration:underline;}



/* site map +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#texte div.csc-sitemap {
  margin:0px; 
}
#texte div.csc-sitemap ul{
  font-size:100%;
  margin:0px; 
  padding:0px;
  font-weight:bold; 
  list-style:none;
}
#texte div.csc-sitemap ul li {
  list-style-type: none;
  margin:10px 0px 0px 20px;
  padding:0px;
}
#texte div.csc-sitemap ul li ul{
  font-size:80%;
  margin:0px; 
  padding:0px;
	font-weight:normal;
}
#texte div.csc-sitemap ul li ul li{
  padding:0px 0px 0px 20px;
  margin:0px; 
}
#texte div.csc-sitemap ul li ul li ul{
  font-size:90%;
}
#texte div.csc-sitemap ul li ul li ul li{
  padding:0px 0px 0px 20px;
  margin:0px; 
}

#texte div.csc-sitemap a, #texte div.csc-sitemap a:hover, #texte div.csc-sitemap a:visited, #texte div.csc-sitemap a:active {color:#333333;text-decoration:none;}
#texte div.csc-sitemap a:hover{text-decoration:underline;}

/* site map ------------------------------------------------------------------------*/

/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 CVS ID: $Id: dynamiccss.css 955 2005-12-28 00:49:12Z mundaun $
# ***************************************************************************************/

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}
/*--------------------------------------------------------------------------------------
# Fin Default css file for content edited with htmlArea RTE
---------------------------------------------------------------------------------------*/

/* styles pour htmlAREA RTE +++++++++++++++++++++++++++++++++++++++++++++++*/
.aligne_gauche { text-align: left; }
.aligne_centre { text-align: center; }
.aligne_droite { text-align: right; }
.encadre_gris {background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
.encadre_jaune {background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
.tableau_centre {margin-left:auto;margin-right:auto; }
.img_va_middle {vertical-align:middle; }
.img_va_bottom {vertical-align:bottom; }
.img_va_top {vertical-align:top; }
/* styles pour htmlAREA RTE -----------------------------------------------*/

/* couleurs +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.grisf{color:#93979B;}
.rouge{color:#e43827;}
.vert{color:#71b223;}
.bleu{color:#0081c7;}
.orange{color:#ec8b22;}
.gris{color:#83878B;}
/* couleurs ---------------------------------------------------------------*/

/* lien "Haut de page"++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#texte p.csc-linkToTop {text-align:right;font-size:10px;margin-right:10px;}
/* lien "Haut de page"------------------------------------------------------*/