@charset "utf-8";
/* CSS Document */

/* squelettes */
body{
margin: 0px;
padding:0px;
background-color:#f1f1f1;
}

img{
border:none;
}

hr{
clear:both;
height:0px;
width:0px;
margin:0px;
padding:0px;
visibility:hidden;
color:#FFFFFF;
}

#reciprok{
position:relative;
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#header{
position:relative;
width:960px;
margin-left:20px;
margin-right:20px;
text-align:left;
}

#menu_header{
position:relative;
width:960px;
height:120px;
}

#news_content{
position:relative;
width: 958px;
border: 1px solid #a6a6a6;
background-color:#FFFFFF;
margin-top:7px;
}

#news_content h3{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #000000;
line-height:22px;
text-align:left;
padding-left:10px;
background-image:url('images/fond_actualites.gif');
background-repeat:repeat;
}

.news_ligne{
position:relative;
width:958px;
height:207px;
}

.news_ligne .bt_news{
position:relative;
float:right;
margin-right:20px;
margin-top:20px;
}

.logo_news{
position:relative;
float:left;
}

.logos_news img{
float:left;
margin-top:10px;
}

.news_text{
position:relative;
float:left;
margin-left:10px;
margin-right:10px;
vertical-align:top;
margin-top:10px;
width:215px;
}
.news_text_long{
position:relative;
float:left;
margin-left:10px;
margin-right:10px;
vertical-align:top;
margin-top:10px;
width:520px;
}
.news_text h4{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000000;
text-align:left;
margin-top:0px;
padding-top:0px;
width:210px;
}
.news_text p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
}
.news_text_long h4{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000000;
text-align:left;
margin-top:0px;
padding-top:0px;
width:210px;
}
.news_text_long p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
}


.spacer{
clear:both;
position:relative;
margin-left:auto;
margin-right:auto;
width:925px;
height:1px;
border-bottom: 1px dashed #d8d8d8;
}

#news_pagination{
clear:both;
position:relative;
margin-left:auto;
margin-right:auto;
width:958px;
height:30px;
background-color:#fe00a3;
border-top: 1px solid #a6a6a6;
vertical-align:middle;
}

#news_pagination a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
line-height:25px;
}
#news_pagination a:hover{
text-decoration:underline;
color:#000000;
}

#news_pagination .on{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:18px;
}

#first_line{
position:relative;
width:960px;
height:242px;
margin-left:20px;
margin-right:20px;
text-align:left;
}

#second_line{
clear:both;
position:relative;
width:960px;
height:242px;
margin-top:15px;
margin-left:20px;
margin-right:20px;
text-align:left;
}

/* polices */

h2.close{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
}

/* Carres */

#creation{
position:relative;
width:310px;
height:242px;
float:left;
margin-left:0px;
margin-right:15px;
}

#web{
position:relative;
width:310px;
height:242px;
float:left;
margin-left:auto;
margin-right:auto;
}

#promo{
position:relative;
width:310px;
height:242px;
float:left;
margin-left:15px;
margin-right:0px;
}


#staff{
position:relative;
width:310px;
height:242px;
float:left;
margin-left:0px;
margin-right:15px;
}

#flash{
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
z-index:2;
}

#references{
position:relative;
width:310px;
height:242px;
float:left;
margin-left:auto;
margin-right:auto;
}

#contacts{
position:relative;
width:310px;
height:242px;
float:left;
margin-left:15px;
margin-right:0px;
}

/* fermer */

#crea_close{
position:absolute;
top:0px;
left:0px;
width:310px;
height:242px;
background-color:#fe00a3;
z-index:3;
}

#crea_close img{
position:absolute;
top:21px;
left:23px;
}

#crea_close h2{
position:absolute;
bottom:30px;
left:30px;
}

#web_close{
position:absolute;
top:0px;
left:0px;
width:310px;
height:242px;
background-color:#000000;
z-index:3;
}

#web_close img{
position:absolute;
top:21px;
left:23px;
}

#web_close h2{
position:absolute;
bottom:30px;
left:30px;
}

#promo_close{
position:absolute;
background-color:#fe00a3;
top:0px;
left:0px;
width:310px;
height:242px;
z-index:3;
}

#promo_close img{
position:absolute;
top:21px;
left:13px;
}

#promo_close h2{
position:absolute;
bottom:30px;
left:30px;
}

#staff_close{
position:absolute;
top:0px;
left:0px;
width:310px;
height:242px;
background-color:#000000;
z-index:3;
}

#staff_close img{
position:absolute;
top:23px;
left:23px;
}

#staff_close h2{
position:absolute;
bottom:30px;
left:30px;
}

#ref_close{
position:absolute;
top:0px;
left:0px;
width:310px;
height:242px;
background-color:#fe00a3;
z-index:3;
}

#ref_close img{
position:absolute;
top:21px;
left:13px;
}

#ref_close h2{
position:absolute;
bottom:30px;
left:30px;
}

#contact_close{
position:absolute;
top:0px;
left:0px;
width:310px;
height:242px;
background-color:#000000;
z-index:3;
}

#contact_close img{
position:absolute;
top:21px;
left:13px;
}

#contact_close h2{
position:absolute;
bottom:30px;
left:30px;
}

/* open */

#crea_open{
position:absolute;
top:0px;
left:0px;
width:308px;
height:240px;
background-color:#ffffff;
border:1px solid #a6a6a6;
z-index:2;
}

#web_open{
position:absolute;
top:0px;
left:0px;
width:308px;
height:240px;
background-color:#ffffff;
border:1px solid #a6a6a6;
z-index:2;
}

#promo_open{
position:absolute;
background-color:#ffffff;
border:1px solid #a6a6a6;
top:0px;
left:0px;
width:308px;
height:240px;
z-index:2;
}

#staff_open{
position:absolute;
top:0px;
left:0px;
width:308px;
height:240px;
background-color:#000000;
border:1px solid #a6a6a6;
z-index:2;
}

#ref_open{
position:absolute;
top:0px;
left:0px;
width:308px;
height:240px;
background-color:#ffffff;
border:1px solid #a6a6a6;
z-index:2;
}

#contact_open{
position:absolute;
top:0px;
left:0px;
width:308px;
height:240px;
background-image:url(images/f_contact.jpg);
background-repeat:no-repeat;
border:1px solid #a6a6a6;
z-index:2;
background-color:#FFFFFF;
}

/* Barres */

#crea_open h2{
background-color:#fe00a3;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
height:22px;
width:281px;
text-transform:uppercase;
margin:0px;
padding:0px;
padding-left:10px;
line-height:22px;
float:left;
}

#web_open h2{
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
height:22px;
width:281px;
text-transform:uppercase;
margin:0px;
padding:0px;
padding-left:10px;
line-height:22px;
float:left;
}

#staff_open h2{
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
height:22px;
width:281px;
text-transform:uppercase;
margin:0px;
padding:0px;
padding-left:10px;
line-height:22px;
float:left;
}

#promo_open h2{
background-color:#fe00a3;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
height:22px;
width:281px;
text-transform:uppercase;
margin:0px;
padding:0px;
padding-left:10px;
line-height:22px;
float:left;
}

#ref_open h2{
background-color:#fe00a3;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
height:22px;
width:281px;
text-transform:uppercase;
margin:0px;
padding:0px;
padding-left:10px;
line-height:22px;
float:left;
}

#contact_open h2{
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
height:22px;
width:281px;
text-transform:uppercase;
margin:0px;
padding:0px;
padding-left:10px;
line-height:22px;
float:left;
}

.bouton_close {
float:right;
}

#first_line p.spip{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:13px;
color:#000000;
margin:0px;
padding:0px;
margin-bottom:8px;
}

.txt{
clear:both;
position:relative;
top:8px;
left:10px;
width:285px;
height:197px;
}

.txt_contact{
clear:both;
position:relative;
top:0px;
left:10px;
width:285px;
height:197px;
}

.txt_ref{
clear:both;
position:relative;
margin:0px;
padding:0px;
width:308px;
height:218px;
}
.txt a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:13px;
color:#FFFFFF;
text-decoration:underline;
}

.txt_contact a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:13px;
color:#000000;
text-decoration:underline;
}

#second_line p.spip{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:13px;
color:#000000;
margin:0px;
padding:0px;
margin-bottom:8px;
}

#tache{
position:absolute;
top:0px;
right:0px;
z-index:1;
}

.neant{
display:none;
}

.pair{
position:relative;
height:218px;
width:308px;
top:0px;
margin:0px;
padding:0px;
}

.diaporama{
position:relative;
float:left;
width:150px;
height:45px;
margin:0px;
padding:2px;
display:block;
}

.diaporama_pair{
position:relative;
float:right;
width:150px;
height:45px;
margin:0px;
padding:2px;
display:block;
}


#pagination{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
clear:both;
text-align:right;
position:absolute;
bottom:2px;
right:10px;
height:14px;
}

a.lien_pagination{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

.on{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:underline;
}

.ligne{
position:relative;
clear:both;
width:308px;
height:45px;
margin:0px;
margin-top:1px;
padding:0px;
display:block;
}