/* CSS Document */

HTML {

 background:#1e2c60;
 
}

BODY {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:10px;
}

img { border:0 }

a { color:#455589; text-decoration:none }

p {margin:0}

h1 { margin-top:0px; font-size:19px; font-style:italic; font-weight:normal }

#menu { width:231px; }

#menu #element { position:relative; color:#c0c0c0; font-size:18px; height:28px; background:url(../images/picto.png) 27px 22px no-repeat; padding:10px 0 0 40px; }
#menu #element:hover {color:#fff; background:#4a83c9 }
#menu #element a { color:#c0c0c0; font-size:18px; }
#menu #element:hover a { color:#fff; font-size:18px; }
#menu #element_bas { height:1px; width:231px; background:url(../images/separ_menu.gif) top left no-repeat; }

#menu #element .sous-menu { display:none; background:url(../images/menu_fond.png); width:669px; height:38px; top:0px; left:231px; position:absolute; }

#menu #element .sous-menu div { float:left; padding:8px 10px 10px 10px; height:20px; margin-right:10px;  }
#menu #element .sous-menu div:hover { background:#4d77c6 }
#menu #element .sous-menu a {  font-size:18px; color:#fff }

#left_bas { background:url(../images/fond_left_bas.gif) left bottom no-repeat; width:231px }
#left_bas #content { color:#fff; background:url(../images/fond_left_haut.gif) top left no-repeat; width:231px; padding:10px 25px 0 15px; text-align:justify }
#left_bas #content h1 { color:#fff; margin-bottom:15px }

.footer { width:900px; height:52px; background:url(../images/footer.gif) top left no-repeat; }
#lang { float:left; padding-left:17px;}
#copyright { float:right; padding-right:40px; color:#6aacda; font-size:10px }
#copyright a { color:#6aacda; }
#copyright a:hover { color:#fff; }

.right_text { width:43px; background-color:#0e1740;}

hr { height:1px; size:1px; border-top:1px solid #455589 }

.center_accueil { background:url(../images/fond_centre_haut_accueil.gif) top left no-repeat;}
.center { background: #fff url(../images/fond_blanc.gif) top left no-repeat;}
#content { padding:10px 15px 10px 15px; width:596px; text-align:justify; overflow:hidden;color:#727272; }
#content h1 { color:#455589; margin-bottom:0 }
#content h1.title { font-size:16px; font-weight:bold; color:#4a83c9; font-style:normal }
#content h3 { color:#4a83c9; font-size:12px }
#content h4 { color:#727272; font-size:12px }

#content ul { padding:0; margin:0 }
#content li { color:#4a83c9; font-size:13px; font-weight:bold; margin-left:15px }

.naviguation { float:right; text-align:center; padding:5px; background:#455589; color:#fff; font-size:11px; font-style:italic; margin-left:10px}
.naviguation a { color:#fff; font-style:normal; font-weight:bold }

.parution { text-align:right; width:596px; color:#455589; font-size:11px; font-style:italic; margin-bottom:10px}

#portrait { float:left; width:270px; margin-right:15px; margin-bottom:10px; border:0px solid red }
#portrait h3 { margin-bottom:0; font-size:14px }
#portrait h4 { margin:0 }

#content #element_bas { height:1px; width:596px; margin:20px 0 10px 0; clear:both; background:url(../images/coup_act.gif) top left ; }

th { color:#455589; font-weight:bold }

.page {padding:1px 4px 1px 4px; font-size:10px; margin:2px; border:1px solid #455589 }
.page:hover { background:#c7ccdb}
.page2 {padding:1px 4px 1px 4px; font-size:10px; margin:2px; border:1px solid #455589; background:#c7ccdb }

#menu_left { border:0px solid red; padding-left:15px; padding-top:3px; margin-top:20px; font-size:19px; width:215px; height:30px }
#menu_left2 { background:url(../images/menu_fond_left.png) top right no-repeat;border:0px solid red; padding-left:15px; padding-top:3px; margin-top:20px; font-size:19px; width:215px; height:30px }
#menu_left:hover { background:url(../images/menu_fond_left.png) top right no-repeat; }
#menu_left a, #menu_left2 a {  color:#fff }

#liens #photo {float:left;width:140px; height:85px}
#liens #picto {float:left;width:25px; height:85px}
#liens #texte {float:left;width:400px;}
#liens #texte h3 { margin:0 0 2px 0 }
#liens #texte span {color:#4a83c9;}
#separ {clear:both; padding:8px; background:url(../images/coup_act.gif) center left repeat-x}

#tarifs { position:relative; float:left; margin-right:3px }
#tarifs_haut { width:272px; height:20px; font-weight:bold; color:#fff; font-size:15px; padding:8px 0 2px 20px; background:url(../images/tarifs_haut.gif) top left no-repeat }
#tarifs_content { width:252px; background:url(../images/tarifs_fond.gif) top left repeat-y }
#tarifs_txt {   width:252px;  padding:10px 20px 15px 20px; background:url(../images/tarifs_bas.gif) bottom left no-repeat }

h2 { margin-bottom:0; }
h2 a { margin-bottom:0; color:#727272 }
.plan { margin-left:20px; font-size:13px; font-weight:bold }

input { border:1px solid #727272 }
textarea { border:1px solid #727272 }