html {}
body{font-family: trebuchet MS; font-size: 14px; letter-spacing: 1px; line-height: 1.3;}
form{margin: 0; background: none; border: none}
ul{margin: 0}
label{color: #5C5C5E}
input.button {border: none; background: #5C5C5E}
tr{background-color: transparent} 

a{text-decoration: none; color: #A90001}
a.blue{color: #007BAF}

h1{color: #00366D; font-size: 30px; margin-bottom: 20px}
h2{border-bottom: solid 2px #008594; font-size: 40px}
h2.alpha{color: #B00000}
h2.beta{color: #F71000}
h2.gama{color: #FB7500}

h3{color: #D40008; font-size: 25px; margin-bottom: 10px; padding-bottom: 3px}
h3.blue{color: #005083}

li{background: transparent url(./../img/bullet-red.png) no-repeat 0 6px; padding-left: 15px; margin-bottom: 15px}

div#header{background: transparent url(./../img/header.png) no-repeat; width: 1200px; height: 117px; margin: auto; position: relative}
div#header-out{background: url(./../img/pixelhaut.png) repeat-x; height: 137px; width: 100%; margin-bottom: 50px}

div#footer-out{background: transparent url(./../img/footer.png) repeat-x; width: 100%; height: 22px; position: fixed; bottom:0; left: 0; right: 0}
div#footer{width: 1200px; margin: auto; font-weight: lighter; margin-top: 20px; position: relative}
/*div#footer-2{background: #CCC url(./../img/bandeau_bas.png) repeat-x;  width: 100%; height: 178px; margin: auto;}*/
div#footer a{color: #FFF; font-weight: lighter}

div#nav{position: absolute;top: 90px;width: 1150px;}
div#nav li{float: left; margin: 0 10px; background: url("./../img/bullet-white.png") no-repeat 0 50%; padding: 5px 0  5px 15px}
div#nav li.first{background: none}
div#nav li.right{float: right}
div#nav a{color: #FFF; margin-left: 15px}

div#nav ul{position: relative}
div#nav ul ul{position: absolute; display: none; background-color: rgba(0, 122, 174, 0.8); margin-top: 5px}
div#nav li li{background: none; clear: both; margin: 0; padding: 5px 15px}
div#nav li li a{margin: 0}
div#nav li li:hover a{color: #333}
div#nav li:hover ul{display: block}

div#content{width: 1100px; margin: auto}

#agenda-home a{color: #5CAACE;}


div.marge{position: absolute; width: 1000px; background-color: #8E131D; height: 321px; margin-left: -650px}
div.marge img{float: right}
div.marge-home{position: absolute; width: 1000px; background: #E20421 url('../img/degHome.png') no-repeat right; height: 430px; margin-left: -1000px}


.home-col-left{width: 715px; float: left; color: #005083; font-size: 16px; 
-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  /*word-wrap: break-word;*/
  }
.home-col-right{width: 356px; float: left; padding-left: 25px; border-left: solid 2px #A40001; text-align: justify; margin-bottom: 50px;}

ul.list li{padding: 5px; border-bottom: solid 1px #CCC; background: none}
ul.plan li a{font-weight: bold; font-size: 18px}
ul.plan li li a{font-weight: normal; font-size: 15px}

ul.list li{padding: 5px; border-bottom: solid 1px #CCC; background: none}

input.ok {background: transparent url("./../img/bouton_ok.png") no-repeat 0 50%; border:none; width: 37px; height: 37px; padding: 10px 5px}

span.title{font-weight: bold; color: #FB7500}

div.bureau{margin: 20px 0; clear: left}
div.bureau img{border: solid 2px #F71000; margin-right: 15px}
div.bureau span{color: #F71000}
div.bureau p{padding-top: 10px}

a.a-membre{width: 115px; height: 100px; display: block; float: left}

table.membre{width: 100%; margin-top: 20px}
table.membre td{border-bottom: solid 1px #A90001; padding: 5px 10px; color: #656565}
table.membre tr.odd td{color: #A90001}
table.membre td a{color: #656565; font-weight: bold}
table.membre tr.odd a{color: #A90001}

form.contact input[type=text]{width: 250px}
form.contact td{padding: 5px; vertical-align: top;}
form.contact textarea{width: 700px; height: 100px}

table.asso{width: 100%}
table.asso td{color: #A90001; padding: 5px}

table.form{width: 100%}
table.form td{padding: 5px; vertical-align: top; text-align: right}
table.form input[type=text], table.form textarea{border: solid 1px #A90001; padding: 3px 5px}

/*
#content-wrapper {
    overflow: hidden;
}
	
div.col-left{background: url(./../img/col-left.pn) no-repeat}

div.formation-bloc {margin-bottom: 10px; text-align: center}
div.formation-bloc a{position: relative}
div.formation-bloc span{position: absolute; bottom: 0; right: 0; padding: 5px; color: #FFF; font-size: 14px; font-weight: bold}
div.formation-bloc img{padding: 0; width: 260px; /*opacity: .9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/}

/*
form.no-style{background: #FFF; border: none; margin: 0; padding: 0}

div.nav-container{width: 1127px; margin: auto;}

div#nav{padding: 5px 0; position: absolute; bottom: 10px;left: 0;}
div#nav ul{margin: 0}
div#nav li{float: left; list-style: none; padding: 3px 15px}
div#nav li a{
	float: left;
	margin: 0;
	padding: 0 ;
	color: #EEE;
	font: bold 17px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
	text-transform: uppercase;	
}
div#nav li a:hover{text-decoration: none; color: #EB7022}
div#nav li#current a{color: #EB7022}

div#content-outer {

	background: #EC721F url(./../img/body-bg.png) repeat-x;
	border: none
}

p{padding: 5px 15px}

#set1 {height: 240px; width: 680px;}
#set1 td{text-align: center; font-weight: bold; color: #FFF; width: 33%; border: none}
.tooltip{text-align: left !important; opacity: 1 !important; border: solid 1px #CCC !important}
.tooltip h3{font-size: 12px !important}

div.box-left{margin-bottom: 20px; width: 229px}
div.box-left div.title{padding: 10px 0 0 15px; font-size: 15px; height: 25px; color:#FFF}
div.box-left div.body{padding: 10px; background: #FFF}
div.box-left div.footer{height: 19px; background: #EEE}
div.box-left a{color: #5C5C5E}
div.box-left a.title{font-weight: bold; font-size: 12px; margin-bottom: 5px}

div.box-left div.title{background: url(./../img/box-left-header.png) no-repeat left;}
div.box-left div.body{background: url(./../img/box-left-body.png) repeat-y left;}
div.box-left div.footer{background: url(./../img/box-left-footer.png) no-repeat left;}

div.box-left.brown div.title{background: url(./../img/form-header.png) no-repeat left; color: #452B1C; font-weight: normal;  padding: 10px 10px 0; width: 210px;}
div.box-left.brown div.body{background: url(./../img/form-body.png) repeat-y left; padding: 15px; width: 200px;}
div.box-left.brown div.footer{background: url(./../img/form-footer.png) no-repeat left; width: 229px}

div.box-left.brown {color: #FFF; font-weight: bold}
div.box-left.brown a{color: #D54928}


div.main-box{background: url(./../img/box-center-body.png) repeat-y left;}
div.main-box-header{background: url(./../img/box-center-header.png) no-repeat left; height: 25px}
div.main-box-footer{background: url(./../img/box-center-footer.png) no-repeat left; height: 25px}

div.main-box-big{background: url(./../img/box-center-big-body.png) repeat-y left; padding: 0 10px}
div.main-box-big-header{background: url(./../img/box-center-big-header.png) no-repeat left; height: 25px}
div.main-box-big-footer{background: url(./../img/box-center-big-footer.png) no-repeat left; height: 25px}

div.box-right{margin-bottom: 20px; width: 272px}
div.box-right div.title{padding: 15px 0 7px 20px;font-size: 16px; background: url(./../img/box-right-header.png) no-repeat left; color: #FFF}
div.box-right div.body{padding: 10px; background: url(./../img/box-right-body.png) repeat-y left;}
div.box-right div.footer{height: 19px; background: url(./../img/box-right-footer.png) no-repeat left;}
div.box-right a{color: #5C5C5E}
div.box-right a.title{font-weight: bold; font-size: 12px; margin-bottom: 5px}



/* BACKOFFICE */
/*
body.backoffice div#content-outer{background: #FFF}

body.backoffice #header #nav ul li#current {background: none;}
body.backoffice #header #nav ul li#current a {background: none; color: #FFF}
*/