#sub_container2{}
#content_container {}
#main_container {}
#main_menu{}
#conteneur-sousmenu{}
#sub_nav_column {}
#layout_table{} #container{}
/* class="content" id="content"*/
/*///////////// block primaire///////////////*/
body{
	font-family: Verdana ,Tahoma ,sans-serif;
	margin-left: auto;
    margin-right: auto;
}
/*-- haut de page --*/
#header {
	margin-left: auto;
    margin-right: auto;
	font-weight: bold;
	width: 1016px;
	height: 142px;
}
/*///////////// haut de page contenue///////////////*/
/*-- bannière --*/
#bann {
    position: absolute;
	padding: 19px 10px 5px 105px;
}
/*-- slogan --*/
#slogan {
    position: relative;
    left: 87px;
    padding: 2px 0 0 50px;
    float: left;
	color: #042d79;
}
/*-- logo ---*/
#logo {
    width: 100px;
    height: 19px;
    position: relative;
    top: 8px;
    float: right;
	left: 0px;
}
/*-- Menu gauche ---*/
#menu {
vertical-align: top;
	width: 175px;
	padding: 0;
	position: relative;
}
#menu ul{
	margin: 0;
	border: 0;
}
#menu li{
    list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
}
#menu ul li a{
	font-size: 14px;
    height:19px;
	text-decoration: none;
	text-align: left;
	display: block;
	line-height: 18px;
	color: #042D79;
	padding:0 4px 0 4px;
	margin-left: -40px;
	font-style: normal;
}
#menu ul li a:hover{
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #121470;
}
#menu ul li a.normal{
	line-height: 19px;
}
#menu ul li a.submenu{
	padding-left: 24px;
    height: 14px;
	font-size: 10px;
	line-height: 14px;
}
#menu ul li a.subactif{
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #121470;
	padding-left: 24px;
    line-height: 12px;
    text-align: left;
    height: 14px;
	font-weight: bold;
}
#menu ul li a.submenu:hover{
  font-weight: bold;
  text-decoration: none;
  color: #3ca6da;
}
#menu ul li a.normal_actif{
	font-size: 16px;
	font-weight: bold;
	color: #121470;
    line-height: 25px;
    text-align: center;
    height: 23px;
}
#menu ul li a.normaliste{
    font-size: 20px;
    text-align: center;
    height: 25px;
	text-decoration: none;
	line-height: 20px;
}
#menu ul li a.normaliste:hover{

	font-weight: bold;
	color: #3ca6da;
    height: 25px;
}
#menu ul li a.menu{
	font-size: 15px;
	font-weight: bold;
	color: #000;
    line-height: 30px;
    height: 31px;
	text-align: center;
}
#menu  ul li a.fin{
    height: 3px;
}
/*-- global container --*/
#container {
	margin-left: auto;
    margin-right: auto;
	width: 1016px;
	position: relative;
	padding-right: 1px;
}
#container tr td{
	vertical-align:top; 
}
#content_column {
	vertical-align: top;
	width: 827px;
}

#subpage {
	font-size: 9px;
	color:#fff;
    text-align: center;
}
#subpage a{
	font-weight: bold;
	color:#fff;
}
#subpage a:hover{
	font-weight: bold;
	color:#000
}
/*--- sous menu droit--------------------------------------*/
#sousmenu{
	height: 18px;
	position: relative;
	margin-top: -5px;
}
#sousmenu dl{
	margin: 0;
	padding:0;
	float:left;
}
#sousmenu dt{
	font-size: 13px;
	height:20px;
	padding:0px 4px;
	color: #000;
	border-right: 2px dotted #10126F;
	cursor: pointer;
	font-weight:bold
}
#sousmenu dt a{
	display:block;
	text-decoration: none;
	font-style: normal;
}
#sousmenu dt a:hover{
	font-weight:bold;
	color:#3ca6da;
}
#sousmenu dd{
position: absolute;
	width: 150px;
	margin:0;
	padding:0;
}
#sousmenu dd ul{
	margin:0;
	padding:0;
	text-align:center;
	list-style:none;
}
#sousmenu dd ul li{
	display:block;
 	margin:0;
	padding:0;
}
#sousmenu dd ul li a{
	color:#121470;
	display:block;
	text-decoration:none;
	height:20px;
	line-height:20px;
	border-bottom: 0px ;
	border-top:dotted 2px #ffffff;
}
#sousmenu dd ul li a:hover{
	font-weight:bold;
}
#sousmenu dl dd{
	display:none;
}
#sousmenu dl:hover dd{
	display:block;
}
/*---pied de page-----------------------------------------------*/
#footer {
    padding: 0;
    text-align: right;
	margin-left: auto;
    margin-right: auto;
	margin-top: auto;
	width: 1016px;
	height: 57px;
}
#footer_text {
width: 1000px;
	margin-top: -17px;
}
#footmenu{
	height: 26px;
}
#footer_text ul li{
	list-style:none;
}
#footer_text ul li a{
	height: 19px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	line-height: 13px;
	color:#121470;
	float:right;
	padding: 1px 5px 1px 5px;
}
#footer_text ul li a:hover{
	display: block;
	font-size: 14px;
  	height: 28px;
	line-height: 32px;
	font-weight: bold;
	text-decoration: none;
	color: #dcf2fc;
}
#footer_text dd{
	line-height: 5px;
	padding: 10px 2px 0px 0px;
	display: block;
	font-size: 13px;
  	height: 16px;
	line-height: 0px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto;
}
/*----------------- .content html-elements---------------------------*/

.content, #content {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    padding: 3px 2px;
	color: #121470;
}
select  {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
input {
    border-style: solid;
    border-width: 1px;
	border-color:#121470;
	width:200px;
}
textarea {
    border-style: double;
    border-width: 3px;
	border-color:#121470;
	height:200px;
	width:95%;
}
img{
Border: none;
}
/*--- forms ----------------------------------------------------------------*/
fieldset {
    padding: 10px;
    border-style: solid;
    border-width: 1px;
}
/*--- lists ----------------------------------------------------------------*/

/*--- autres----------------------------------------------------------------*/
.ascenseur{
	cursor:pointer;
}
blockquote{
color: #aac3f2;
border: 3px;
border-color: #a1b8e6;
border-style: double;
background-color: #f2f6ff;
width:90%;
margin-left: 7%;
padding:5px;
font-style: normal;
font-size: 14px;
font-weight: bold;
}
address{
width:25%;
border: 3px;
border-color: #121470;
border-style: double;
font-size: 16px;
font-weight: bold;
padding:5px;
}
/* style------------------------------------------------------*/
#logo a {
  display: block;
  width: 65%;
  height: 60%; 
}
#slogan {
  color: #121470;
}
p {
  color: #121470;
  margin: 6px 0 6px 0;
  padding: 0;
}
/*--- lien ----------------------------------------------------------------*/
a {
    font-size: 100%;
    text-decoration: none;
	color:#000c3a;
	font-style: italic;
}
a:hover{
    text-decoration: underline;
	color: #0679ba;
}
/*--- écriture  en titre---------------------------------*/
h1 {
  font-size: 30px;
  font-weight: bolder;
  line-height: 20px;
  margin: 15px 2px;
  text-align:center;
}
h2 {
  font-size: 25px;
  font-weight: bold;
  line-height: 20px;
  color: #1954a1;
  margin: 15px 50px 15px 50px;
}
h3 {
  font-size: 22px;
  font-weight: bold;
  line-height: 15px;
  color: #1d6ad0;
  margin: 12px 10px 12px 10px;
}
h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 8px;
  color: #298cf1;
  margin: 10px 0px 8px 0px;
}
h5 {
  font-style: normal;
  font-size: 15px;
  font-weight: bold;
  line-height: 5px;
  color: #298cf1;
  margin: 8px 0px 8px 0px;
}
h6 {
  font-size: 10px;
  font-weight: bold;
  line-height: 0px;
  color: #298cf1;
  margin: 6px 0px 4px 0px;
}
/*--- écriture bas de page ---------------------------------------*/
#footer_text {
  color: #121470;
}
#footer_text a {
	margin: 0px 4px;
	font-weight: bold;
}
#footer_text a:hover  {
	color: #74bed8;
	text-decoration: underline;	
}
/*--- lecteur mp3 ---------------------------------*/
.deezer{
	width:220px;
	padding:23px 40px 22px 40px;
	height:55px;
	margin:0 auto;
	text-align:center;
}






/*--- telephone ---------------------------------*/
@media screen and (max-width:500px){
#container, #header{
width:100%; 
background-image: none;
}
body {
    background-image: url(/css/theme/pagetel.png);
	background-repeat: repeat-y;
}
#header {
	font-weight: none;
	height: 142px;
}
#bann {
    position: absolute;
	padding: 19px 0px 5px 0px;
}
#footer {
    background-image: none;
}
/*-- Menu gauche ---*/
#menu {
vertical-align: top;
	width: 145px;
	padding: 0px;
margin: 0px 0px 0 -30px;
}
#menu ul{
	margin: 0;
	border: 0;
	padding: 0;
}
#menu li{
    list-style: none;
	padding: 0;
	margin: 0;
	border: 0;

}
#menu ul li a{
	text-align: center;
	font-size: 10px;
    height:19px;
	text-decoration: none;
	display: block;
	line-height: 18px;
	color: #042D79;
	padding:0 0px 0 3px;
	margin-left: 0px;
	font-style: normal;
}
#menu ul li a:hover{
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #121470;
}
#menu ul li a.normal{
	line-height: 19px;
}
#menu ul li a.submenu{
	padding-left: 24px;
    height: 14px;
	font-size: 10px;
	line-height: 14px;
}
#menu ul li a.subactif{
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #121470;
	padding-left: 24px;
    line-height: 12px;
    text-align: left;
    height: 14px;
	font-weight: bold;
}
#menu ul li a.submenu:hover{
  font-weight: bold;
  text-decoration: none;
  color: #3ca6da;
}
#menu ul li a.normal_actif{
	font-size: 12px;
	font-weight: bold;
	color: #121470;
    line-height: 25px;
    text-align: center;
    height: 23px;
}
#menu ul li a.normaliste{
    font-size: 14px;
    text-align: center;
    height: 25px;
	text-decoration: none;
	line-height: 20px;
}
#menu ul li a.normaliste:hover{

	font-weight: bold;
	color: #3ca6da;
    height: 25px;
}
#menu ul li a.menu{
	font-size: 12px;
	font-weight: normal;
	color: #000;
    line-height: 20px;
    height: 20px;
	text-align: center;
}
#footer {
    padding: 0;
    text-align: right;
	margin-left: auto;
    margin-right: auto;
	margin-top: auto;
	width: 1016px;
	height: 57px;
}
#footer_text {
width: 1000px;
	margin-top: -17px;
}
#footmenu, #footer_text, #subpage{
	display: none;
}

}
