body {background: url(body_back.gif) top left repeat-x; font-family: trebuchet MS; margin: auto; background-color: #ededed; }



a { text-decoration: none;}



img { border: 0px;}



h1 {font-size: 16px;font-weight: bold; display: inline;}



h2 {font-size: 14px; font-weight: bold; display: inline; vertical-align: middle ;}



h4 {font-size: 13px; display: inline;}



#header {margin: auto; margin-top: 10px;background: url(../img/header-2.gif) top left no-repeat; height: 120px; width: 835px; position:relative;}
#header .slogan-header { position:absolute; top:70px; left:320px;text-align:right;}
#header .slogan-header p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#666666;font-weight:bold; margin:0px 10px 0px 0px;}


#corps {margin: auto; background-color: #F2F2F2; width: 833px; min-height: 400px;border-left: solid #808080 1px;border-right: solid #808080 1px;}



#corps p {color: #303030; text-align: justify; margin-left: 5px; margin-right: 5px;padding-left: 5px; padding-right: 5px; font-size: 12px;}



#cadre_left{width: 253px; float: left; background-color: #F2F2F2; padding-left: 10px; padding-right: 10px; margin-top:2px;}



#cadre_left  .menu  {display: block; text-decoration: none; background: url(menu_left_back.gif) top left repeat-x; color: #3C3C3C;}



#cadre_left .menu:hover {color: red;}



#cadre_left ul {padding: 0px;margin: 0px;list-style-type: none;font-size:12px; border: solid #CCCCCC 1px;border-bottom: solid #AAAAAA 2px; margin-bottom: 15px;}



#cadre_left li {border: solid #FFFFFF 1px;}



#cadre_left input {color: #0D60A0; font-size: 13px; }



#cadre_left table {margin: auto;}



#cadre_left form {display: inline;}



#cadre_right{width: 555px; margin-left: 275px;background-color: white; font-size: 13px;}



#cadre_right_footer {background: url(corps_footer.gif) top left no-repeat; height: 39px; width: 555px; font-size: 12px; text-align: center; color: #808080;}



#cadre_right ul {margin-left: 10px;margin-right: 10px; padding-left: 5px; font-size:12px; list-style-type: none;color:#0D60A0; border: solid #CCCCCC 1px; background-color: #EEEEFF;}

#cadre_right ul.extra {margin-left: 10px;margin-right: 10px; padding-left: 5px; font-size:12px; list-style-type: none;color:#0D60A0; border: solid #b59696 1px; background-color: #dfdcdc;}


#cadre_right input {color: #0D60A0; font-size: 13px;}



#cadre_right textarea {color: #0D60A0; border: solid 1px #0D60A0; font-size: 13px; width: 300px; height: 100px;}



#cadre_right select {color: #0D60A0;}



#cadre_right a {color: #303060;}



#cadre_right a:hover {color: #101030;}



#cadre_right .formulaire {margin-right: 20px;margin-left: 20px;margin-bottom: 20px; background-color: #EEEEFF; border: solid #CCCCCC 1px;}



#footer {margin: auto; background: url(footer.gif) top left no-repeat; height: 80px; width: 835px;}



#bottom {position: relative; top: 60px;text-align: center;}



#bottom  ul {padding: 0px;margin: 0px;position: relative; bottom: 0px;list-style-type: none;font-size:12px; color: #505050;}



#bottom li {display: inline;}



#bottom a { color: #0D60A0;}



#bottom a:hover { color: #CD0019;}



#menu_top {height: 30px; width: 555px;  border-bottom:solid 2px #202020 ;background-color: #F2F2F2; position:relative;}



.blue {color: #0D60A0;}



.red {color: #CD0019;}



.onglet {margin-right: 5px; padding-top: 8px; font-size:16px; float:left; width:100px;background : url(onglet.gif) bottom no-repeat; text-decoration:none;text-align:center;}



a.onglet{color: #303030;}
span.onglet{color: #303030;}



a.onglet:hover {color:#CD0019;}



.onglet-actif {position:relative; top:2px; border-bottom:solid 0px white; color: #0D60A0;}

.sous-menu { width:96px; display:none; border-bottom:1px solid #303030;border-left:1px solid #303030;border-right:1px solid #303030;border-top:2px solid #303030;}
#sousmenu3 { position:absolute; top:30px; left:211px;}
#sousmenu4{ position:absolute; top:30px; left:316px;}
.sous-menu .sous-menu-onglet a{ margin:0; padding:0; list-style-type:none; display:block; background-color:#f4f4f4; padding:2px 0px 0px 10px;}
.sous-menu .sous-menu-onglet a:hover{ margin:0; padding:0; list-style-type:none; display:block; background-color:#95a6c3; padding:2px 0px 0px 10px;}

.spacer {clear:both;} 



.logo {display: block; position: relative;height:115px; width:544px; background: url(../img/logo_agaphone_gd.gif) top left no-repeat; top: 10px; left: 11px;}

.bt_ok { background: url(../img/bt_ok_off.gif) top left no-repeat;height: 21px; width: 47px; display: block;}



.bt_ok:hover { background: url(../img/bt_ok_on.gif) top left no-repeat;}



.bt_valider { background: url(bt_valider_off.gif) top left no-repeat;height: 21px; width: 77px; display: block;}



.bt_valider:hover { background: url(bt_valider_on.gif) top left no-repeat;}



.bt_postuler { background: url(bt_postuler_off.gif) top left no-repeat;height: 21px; width: 100px; display: block;}



.bt_postuler:hover { background: url(bt_postuler_on.gif) top left no-repeat;}



.bt_demande_information {background: url(bt_demande_information_off.gif) top left no-repeat; height: 30px; width: 244px; display: block;}



.bt_demande_information:hover  {background: url(bt_demande_information_on.gif) top left no-repeat;}



.border_blue {border: solid 1px #0D60A0;}



.cadre_blue {height: 25px;background: url(cadre_blue.gif) top left repeat-x;text-indent: 10px; font-size: 17px; color: white; font-weight: bold;}



.cadre_red {height: 25px;background: url(cadre_red.gif) top left repeat-x;text-indent: 10px; font-size: 17px; color: white; font-weight: bold;}



.degra {background: url(degra.gif) top left repeat-x;}



.separator {margin: 20px; border-bottom	: dashed 1px #303060;}



.float_left {float: left; margin: 10px;}



.float_right {float: right;}

.ajustement {position:relative; top:5px;}

.champs {color: #CD0019; text-align: left; font-size: 12px;}

.marge {margin-bottom: 15px;}

.sist {margin: auto;width: 470px; font-size: 11px; color: #909090; text-align: center;}



.signature { text-align: center;font-size: 10px; color: #909090;}



.signature a {color: #404040;}



.copyright {text-align: center;font-size: 12px; color: #0D60A0; margin-top: 5px; margin-bottom: 5px;}

.phone { background:url(titre_gestion_agenda.gif)  no-repeat; height:24px; width:555px; vertical-align:text-bottom;  padding-top:3px;}

.phone1 { font-size:16px; padding-left:25px; color:#FFFFFF; vertical-align:text-bottom; font-weight:100; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}

.agaphone{font-size: 17px; font-weight: bold; display: inline; vertical-align: middle; font-family:Arial, Helvetica, sans-serif; padding-left:20px;}

.tele {font-size: 14px; font-weight: bold; display: inline; vertical-align: middle ; font-family:Arial, Helvetica, sans-serif}
.journaux { position:absolute; right:5px; top:3px; border:0;}
.journal{ position:relative;}
#revue-bleu { position:absolute; top:-35px; right:5px; border:0;}
#c1 {padding-left:5px;}
.espace-gauche { margin-left:5px;}
#c1 ul{

list-style-type: disc;

border:none;

font-family:Arial, Helvetica, sans-serif;

background-color:#FFFFFF;

color:#333333;

border-bottom:none;

font-size:12px;}