/* CSS Document */
* { margin:0; padding:0; vertical-align:baseline; }

body {
    font-family:Arial, Verdana, sans-serif;
    font-size:69%; /* :INFO:1em = 11px */
    text-align:center;
    margin:0;
    height:100%;
    color:#000;
    background:#f2eeee;
}

input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
a:hover ins, a:hover abbr, a:hover acronym { text-decoration:underline; }
address { font-style:normal; }
ul { list-style:none; }
q:before, q:after { content:''; }
small { font-size:0.9em; }
textarea { overflow:auto; }

hr,
#access-keys { 
    position:absolute;
    left:-9999em;
}

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}

input.submit {
    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
    border:0 !important;
    overflow:visible;
}


/*  =GENERIC
----------------------------------------------------------------------------- */
#content {
    margin:0 auto;
    width:960px;
    text-align:left;
    position:relative;
}

a {
    color:#666;
    cursor:pointer;
}

/*  =STRUCTURE
----------------------------------------------------------------------------- */

#main {
	width:912px;
	background:#d8d8d6;
	margin:0 auto;
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
}
#topcontainer {
	background:#db6c4e url(../img/css/bk-top.png) top left repeat-x;
}
#top {
	width:912px;	
	margin:0 auto;
	text-align:left;
	padding:20px;
	color:#FFF;
}
* html #top{height:1%}
*:first-child+html #top{height:100%} 
#top:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#top .nav li {
	float:left;
}
#top .titre {
	padding:5px 20px;
	font-size:3em;
	float:left;
}
#top .titre span{
	display:block;
	font-size:.5em;
}
#top .nav li a {
	display:block;
	background:url(../img/css/bk-menu.jpg) top left no-repeat;
	width:140px;
	margin:2px 0 0 0;
	font-size:1.3em;
	color:#db2e00;
	text-decoration:none;
	padding:8px 0px 20px 5px;
}
#top .nav li a:hover {	
	background:url(../img/css/bk-menu-off.jpg) top left no-repeat;
	text-decoration:underline;
}
#top .nav li span{
	display:block;
	background:url(../img/css/bk-menu-off.jpg) top left no-repeat;
	width:140px;
	margin:2px 0 0 0;
	font-size:1.3em;
	color:#db2e00;
	text-decoration:none;
	padding:8px 0px 20px 5px;
	font-weight:bold;
}
.ariane {padding-bottom:20px;}
#col01 {
	width:600px;
	float:left;
	padding:15px;
}
* html #content{height:1%}
*:first-child+html #content{height:100%} 
#content:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#claim {
	background:#FFF url(../img/css/top-claim.png) -1px top  no-repeat;
	width:576px;
}
.claimbottom {
	background:url(../img/css/bottom-claim.png) bottom left no-repeat;
	width:576px;
	padding:12px 0px 35px 20px;
}
#claim p{
	font-size:1.4em;
	color:#db2e00;
	padding:0px 25px 10px 0px;
}
#claim p strong{
	font-size:1.2em;
	color:#db2e00;
}
#col01 #claim .sstitre{
	font-size:2em;
	color:#000;
	text-align:right;
	padding:0px 35px 0px 0px;
}
#col01 .sstitre {
	font-size:2em;
	color:#db3001;
	padding-bottom:15px;
}
#push {
	margin-bottom:20px;
}
* html #push{height:1%}
*:first-child+html #push{height:100%} 
#push:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#push div {
	float:left;
	width:195px;
	background:url(../img/css/bk-bloc.jpg) top left repeat-y;
}
#push div .top{	
	background:url(../img/css/bk-bloc-top.jpg) top left no-repeat;
}
#push div .bottom{	
	background:url(../img/css/bk-bloc-bottom.jpg) bottom left no-repeat;
	padding:10px;
}

#push .ssstitre {
	font-size:2em;
	color:#db3001;
	padding:0px 20px 20px Opx;
}
h3.ssstitre {
	padding-bottom:15px;}


h4.ssstitre {
	padding:10px 20px 10px 0px;
}

#push .ssstitre2 {
	font-size:1em;
	color:#db3001;
	padding:0px 0px 0px Opx;
}
h3.ssstitre2 {
	padding-bottom:15px;
}

#push p{
	font-size:1em;
	color:#000;
	padding:5px 20px 0px 0px;
	width:157px;
}
#col01 #push ul {
	padding:5px 20px 0px 5px;
	width:157px;
}
#col01 #push ul li {
	background:url(../img/css/puce.png) left 5px no-repeat;
	margin-left:13px;
}
#col01 ul, #col01 ol {
	padding:10px 20px 15px 5px;
}
#col01 ul li {
	background:url(../img/css/puce.png) left 5px no-repeat;
	padding:0 0 0 10px;
	margin-left:13px;
}
#col01 ol li {
	padding:0 0 0 0px;
	margin-left:28px;
}
#push p.link {
	background:url(../img/css/bk-bouton.jpg) left bottom no-repeat;
	padding:40px 15px 15px 15px;
	margin:0px 0px -3px -10px;
}
#push p.link a{
	text-align:center;
	color:#db3001;
	display:block;
	margin-left:-15px;
	text-decoration:none;
	font-size:.9em;
	font-weight:bold;
}
#push p.link a:hover{	
	text-decoration:underline;	
}
.accroche {
	padding:0 15px 15px 0px;
}
/* article */
.article {
	background:url(../img/css/bk-article.jpg) top left no-repeat;
	padding-left:10px;
	margin-bottom:20px;
}
#col01 .article .sstitre {
	margin:0px;
	padding:10px 0 0 0;
}
#col01 .article p, #col01 p {
	padding:0px 0 10px 0;
}
#col01 a {
	color:#db2f00;
	text-decoration:none;
}
#col01 a:hover {
	color:#db2f00;
	text-decoration:underline;
}
#col01 .article p a {
	color:#db2f00;
}
.realign {
	margin-top:-15px;
}
/* colonne 2 */
#col02 {
	width:282px;
	float:left;
}
#col02 {
	padding:15px 0px 0px 0px;
}
#col02 p {
	padding:0px 0px 10px 0px;
}
#col02 .sstitre {
	color:#db2f00;
	padding-bottom:5px;
	font-size:1.8em;
}
#col02 label {
	font-weight:bold;
	display:block;
	float:left;
}
#col02 textarea {
	clear:both;
	margin-top:10px;
	width:260px;
}
#col02 input {
	width:185px;
}
#col02 textarea, #col02 input {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}
#col02 fieldset {
	margin:10px 0px;
}
#col02 fieldset label{
	width:70px;
	text-align:right;
	padding:3px 5px 0px 0px;
}
#col02 legend {
	margin-bottom:10px;
	font-weight:bold;
	color:#db3001;
}
/* formulaire col 1 */
#col01 form p {
	padding:0px 0px 10px 0px;
	clear:both;
	width:455px;
}
* html #col01 form p{height:1%}
*:first-child+html #col01 form p{height:100%} 
#col01 form p:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#col01 label {
	font-weight:bold;
	display:block;
	float:left;
}
#col01 textarea {
	clear:both;
	width:260px;
}
#col01 input {
	width:185px;
}
#col01 textarea, #col02 input {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}
#col01 fieldset {
	margin:10px 0px;
}
#col01 label{
	width:166px;
	text-align:right;
	padding:3px 5px 0px 0px;
}
#col01 legend {
	margin-bottom:10px;
	font-weight:bold;
	color:#db3001;
}

.submit {
	background:url(../img/css/bk-submit.jpg) top left no-repeat;
	border:none;
	text-align:center;
	padding:5px 35px 15px 30px;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	font-size:1em;
	float:right;
	width:125px;
	margin-right:7px;
}
#lastpublication {
	background:#FFF url(../img/css/bk-bc-article.jpg) left bottom repeat-x;
}
.toppubli {
	background:url(../img/css/left-corner.png) -1px top no-repeat;
}
#lastpublication .sstitre {
	padding:15px;
}
#col02 #lastpublication p {
	padding:1Opx 15px 0px 15px;
	margin:0 15px;
}
#col02 #lastpublication p a{
	color:#db2f00;
	text-decoration:none;
	font-weight:bold;
}
#col02 #lastpublication p a:hover{
	text-decoration:underline;
}
#footercontainer {
	background:#db6b4e url(../img/css/bk-footer.png) bottom left repeat-x;
}
#footer {
	width:860px;	
	margin:0 auto;
	text-align:left;
	padding:20px;
	color:#FFF;
	font-size:1.1em;
}
#footer a{	
	color:#FFF;
	text-decoration:none;
}
#footer a:hover{		
	text-decoration:underline;
}
.lastfooter {
	color:#FFF;
	background:#6d6d6d;
	border-top:1px solid #959595;
	padding:5px;
}
.lastfooter a {
	color:#FFF;
	text-decoration:underline;
}