* { margin:0; padding:0;}
body { background: url(images/body_rep.gif) repeat center top}
html {font-family:tahoma; font-size:100%; color:#333333; font-weight:normal; font-size:0.6875em; line-height:1.18em}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}

img { border:0 }

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}


.separate{ background:url(images/separate.gif) repeat-x; width:auto; height:12px}

p {margin:0; padding:0;}


h1 {
margin:0;padding:0;
display:block;
text-indent:-5999px;
line-height:1px;
outline:none;
width:1px;
height:1px;
}
.pos{ position:absolute; margin:0; padding:0}

ul { margin:0; padding:0; list-style:none; line-height:1.5em}
ul li{ background:url(images/list_bg.gif) no-repeat 0 11px; padding-left:8px}
ul li a { color:#007bbe; text-decoration: underline; font-weight: bold}
ul li a:hover{ text-decoration:none}

/*txt, links*/
a{ color:#007bbe; text-decoration:underline; font-weight:bold}
a:hover{ text-decoration:none}

/*header*/
#header { text-align:center}

/*content*/
#content .backgd{ background:url(images/bg_left.gif) no-repeat}
#content .indent{ padding:0 26px 0 23px}
#content .indent .bg{ background:url(images/content.gif) repeat-x #d2cdc8; width:100%}
#content .indent .bg .shape{ background:url(images/content_rt_shape.gif) no-repeat right top; width:100%}

#content .block{ background:url(images/block_bg.gif) repeat-x #686868; width:100%; color:#f6f6f6}
#content .block a{ color:#ffffff}

#content .line{ margin-right:11px; margin-left:11px; vertical-align:middle}

#content .title{ margin-bottom:18px}

#content .capture img { border:1px solid #000; padding:1px; margin-top:5px;}

#content .jeux { color:#333333; font-size:14px; font-weight:bold; text-decoration:none; margin-bottom:5px; margin-top:0px;}

#content .jeux a{ color:#333333; font-size:14px; font-weight:bold; text-decoration:none; margin-bottom:5px; margin-top:0px;}

#content p{ padding-bottom:6px; text-align:justify;}
#content p.big{ padding-bottom:30px} 
#content p.big1{ padding-bottom:16px}

#content h2 {
font-size:13px;
background:url("images/titre.gif") no-repeat;
margin:0;padding:0;
height:30px;
line-height:21px;
color:#000000;
font-style: italic;
text-transform: uppercase;
text-align:center;
}

#content h3 {
font-size:15px;
margin-bottom:6px;
line-height:21px;
color:#307bbe;
font-style: bold;
text-transform: uppercase;
border-bottom:1px solid #b1ada9;
}

/*footer*/
#footer .col1{ width:26px; background: url(images/foot_left.gif) no-repeat; height:70px}
#footer .col2{ width:699px; background:url(images/foot_rep.gif) repeat-x; height:70px}
#footer .col3{ width:26px; background:url(images/foot_right.gif) no-repeat; height:70px}
#footer .indent{ padding:0 26px 0 23px}
#footer .indent .rep{ background:url(images/foot_rep.gif) repeat-x}
#footer .indent .left{ background:url(images/foot_left.gif) no-repeat}
#footer .indent .right{ background:url(images/foot_right.gif) no-repeat right top; height:96px}

#footer { color:#8f8f8f}
#footer span{ color:#8f8f8f}
#footer a{ color:#ffffff; text-decoration:underline; font-weight:bold}
#footer a:hover{ text-decoration:none}
#footer .ind{ padding:9px 0 0 6px}
#footer p{ padding-bottom:18px}

/*================== index.html ==================*/
#page1 #content .col1 .indent{ padding:0 13px 19px 19px}
#page1 #content .col1 .row1{ width:100%}
#page1 #content .col1 .row1 .ind{ padding:0 0 20px 11px}
#page1 #content .col1 .row1  .title{ margin-bottom:8px}

#page1 #content .col1 .row2{ width:100%}
#page1 #content .col1 .row2 .block .ind{ padding-top:18px; padding-left:14px; padding-bottom:10px}
#page1 #content .col1 .row2 .title{ margin-bottom:10px}
#page1 #content .col1 .row2 .img1{ position: relative; left:-19px}
#page1 #content .col1 .row2 .img{ margin-right:4px}

#page1 #content .col2 .indent{ padding:0 28px 20px 7px}
#page1 #content .col2 .indent .title{ margin-bottom:10px}
#page1 #content .col2 .indent .title_bot{ padding-bottom:18px}
#page1 #content .col2 .indent p{ padding-bottom:6px}
#page1 #content .col2 .indent p.big{ padding:3px 0 29px 0}
#page1 #content .col2 .indent .img{ float:left; margin:0 14px 15px 0}

#page1 #content .capture img { border:1px solid #000;}


/*================== pages ==================*/
.pages
{
	color: #000;
	height: 2em;
	padding-top: 1em;
	padding-bottom: 15px;
	text-align: center;
}

.pages a
{
	border: 1px solid #ccc;
	padding: 0.5em;
	text-decoration:none;
}

.pages a:hover
{
	background-color: #007BC1;
	color: #fff;
}

.pages .thisPage
{
	padding: 0.5em;
	border: 1px solid #ccc;
}