/*Styles de mise en page*/
body {margin: 0px; background-color: #000000;}
#layout {width: 1181px; margin-left: auto; margin-right: auto;}
#header {width: 1181px; height: 157px; background-image: url(http://www.trajectoiregp.com/images/haut_page.jpg);}
#header2{width:1181px;height:157px;background-image:url(http://www.trajectoiregp.com/images/haut_page2.jpg);}

#middle {width: 1181px; background-image: url(http://www.trajectoiregp.com/images/middle_bg.jpg); background-repeat : repeat-y;}
#middle2 {width: 1181px; background-image: url(http://www.trajectoiregp.com/images/middle_bg2.jpg); background-repeat : repeat-y;}
#menu {float: left; width: 272px; min-height: 700px; height: 700px; background-color: #363535; background-image: url(http://www.trajectoiregp.com/images/menu2.jpg); background-repeat : no-repeat;}
#menu2{float: left; width: 272px; min-height: 950px; height: 950px; background-color: #363535; background-image: url(http://www.trajectoiregp.com/images/menu22.jpg); background-repeat : no-repeat;}

#menu_content {padding-top:30px;}
#content {float: left; width: 830px; background-image: url(http://www.trajectoiregp.com/images/fond_tgp.jpg); background-repeat : no-repeat; background-color: #ffffff; background-position: 210px 200px;}
#content_text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#red_bar {float: left; width: 8px; height: 483px; background-image: url(http://www.trajectoiregp.com/images/red_bar.jpg); background-repeat : no-repeat; margin-left: 5px;}
.separateur {clear : both; width: 0px; height: 0px;}
#contenu_cal {padding-left: 20px; padding-right: 20px; text-align: justify;}

#footer {clear : both; width: 1181px; height: 255px; background-image: url(http://www.trajectoiregp.com/images/bas_page.jpg);}
#footer2{clear:both;width:1181px;height:134px;background-image:url(http://www.trajectoiregp.com/images/bas_page2.jpg);}
#rf {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#333333;}
#rf a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#333333; text-decoration:none;}
#rf a hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#333333; text-decoration:underline;}
/*Elements du menu*/
.menu_item {color:#ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-align:right;padding:5px;padding-right:30px;}
.menu_item a {color:#ffffff;text-decoration:none;}
.menu_item a:hover {color:#e2001a;}
.ss_menu_item {text-align: right; padding-right: 30px; padding-top: 0px; padding-bottom: 0px; margin: 0px;}
.ss_menu_item a {color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
.ss_menu_item a:hover {color: #e2001a;}

/*Titres rouges*/
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #e2001a;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color: #000000;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #e2001a;}

/*Liens du site en rouge*/
.lien_rouge{font-family: Verdana, Arial, Helvetica, sans-serif; color: #e2001a; font-size: 12px; text-decoration: none;}
.lien_rouge:hover{text-decoration:underline}

.lien_noir{font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; text-decoration: none;}

/*Page index*/
#img_accueil {float: left; padding-right: 5px;}
#img_lettrine {float: left; padding-right: 5px;}
#intro {float: left; width: 480px;}
#autres_actu  {text-align: right;}
#paiement_secu  {text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px;}
.panel_actu {border: 1px #EEEEEE solid; float: left; width: 480px; padding : 5px; background-color: #F5F5F5; margin-bottom: 5px;}
.panel_actu2 {border: 1px #EEEEEE solid; float: left; padding : 5px; background-color: #F5F5F5; margin-bottom: 5px;}
.panel_paiement {border: 1px #EEEEEE solid; float: left; width: 480px; padding : 5px; background-color: #F5F5F5; margin-bottom: 5px;}
.titre_actu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #e2001a;}
.contenu_actu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 10px;}
.img_actu {float: left;  padding-right: 5px; padding-bottom: 5px;}
.span_rss {float: right;}

/*Page acces*/
#circuit{float: right;}

/*Page calendrier*/
.colonne_blanche {background-color: #FFFFFF}
.colonne_grise {background-color: #EEEEEE;}

/*Page inscription*/
.rappel_prestation {width: 550px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; border: 1px #e2001a solid; background-color: #f9d0d5; padding: 5px; text-align: center; margin-left: auto; margin-right: auto;}
.champ_form{clear: both; padding-top: 3px;}
.field_name {float: left; padding: 5px;width: 310px; text-align: right;}
.field_input {float: left;}
.field_confirm {float: left; padding: 5px; text-align: left;}
.field_option {float: left; padding: 5px;width: 700px; text-align: left;}
input.numeric {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color : #000000; background-color : #EEEEEE; border-width: 0px 0px 0px 0px; text-align: right; disabled-color : #000000}
hr {clear: both; height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px; margin-top: 5px;}
fieldset {margin: 5px;}

/*Page instructeurs*/
.colonne_1_3 {float: left; width: 250px; padding: 5px;}

/*Page partenaires*/
.nom_partenaire{clear: both; float: left; width: 150px; padding: 2px;}
.lien_partenaire{float: left; padding: 2px;}

/*Page paiement*/
#div_cb {text-align: center; margin-top: 25px;}
#table_cb {margin-left: auto; margin-right: auto; border: 1px #EEEEEE solid; width: 70%;}
#table_cb td {vertical-align: middle; height: 100px;}

/*Page liste des articles*/
.bloc_article {clear: both;}

/*Page article*/
.div_img_left {float: left; margin-right: 25px; margin-bottom: 25px;}

/*Page club tgp*/
#img_accueil_tgp {float: left; padding-right: 25px;}