/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;font-weight:bold;color:#3B5998;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Fonts CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;outline: none;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

a
{
  color: #524F46;
  outline: none;
  text-decoration: none;
}

p
{
margin: 0 0 0.8em;
}

body
{
  font: 11px "lucida grande",tahoma,verdana,arial,sans-serif;
  background-color:#627AAD;
}

h1
{
font-weight:bold;
text-align:center;
font-size:25px;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
}

#wrapper
{
width:980px;
margin: 0 auto;
background-color:#fff;
overflow:hidden;
position:relative;
}

#header
{
  height: 35px;
  padding-top: 110px;
  background: #627AAD url("../images/menu.png") repeat-x;
  background-position:bottom; 
}
#header ul
{
height:35px;
line-height:35px;
padding-left: 345px;
display:block;
float:left;
}
#header li
{
display:list-item;
float:left;
}
#header a
{
  color: #000;
  padding: 5px 10px 11px;
}

#header h1
{
  height: 110px;
  width: 783px;
  margin: 0 auto;
}

#header h1 a {
  display: block;
  width: 150px;
  height: 110px;
 /* background: url(../images/logo.jpg) no-repeat;*/
}
.menu-item
{
  color:#000;
  font-size:12px;
  padding-left:10px;
  padding-right:10px;
  line-height:35px;
  font-weight: bold;
}

.menu-item a:hover
{
/*background-color:#fff;*/
text-decoration:underline;
}

#header h1 img
{
  display: none;
}
.search
{
  height:35px;
  line-height: 35px;
  width:180px;
  float:right;
}
#search_submit
{
background:transparent url(../images/search.png) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
width:24px;
height:24px;
}

.main-content
{
	/*padding: 0 10px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	width:728px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	background-color:#fff;
	/*border-right:1px solid #B3B3B3;*/
}

.top-1
{
border-bottom: 2px solid #CCCCCC;
border-top: 2px solid #CCCCCC;
text-align:center;
}
.top-1 h1
{

text-align:center;
font-size:17px;
height:45px;
line-height:60px;
}
.top-1 ul
{
line-height:30px;
}

.top-1 li
{
display: inline;
padding-left: 5px;
padding-right: 5px;
font-weight:bold;
}

.top-1 li
{
font-size:12px;
}

.top-1 li a
{
font-size:12px;
color:#3B5998;
}

.top-1 li a:hover
{
text-decoration:underline;
}

#vacances
{
font-size: 15px;
font-weight: bold;
font-weight: bold;
padding-bottom: 10px;
padding-top: 5px;
text-align: center;
}

#logo
{
background:url(../images/facegroupe-logo.png);
position: absolute;
top: 52px;
left:-18px;
width:400px;
height:150px;
z-index:1;
}
#desc
{
font-size:11px;
padding-top:4px;
height:20px;
}
#like
{
padding-left: 61px;
font-size:11px;
padding-top:7px;
padding-bottom:2px;
height:20px;
border-top:1px solid #eee;
clear:both;
}
#share
{
padding-left: 61px;
font-size:11px;
padding-top:7px;
padding-bottom:2px;
height:20px;
border-top:1px solid #eee;
clear:both;
}
.pubs
{
margin-top:50px;
margin-bottom:30px;
text-align:right;
z-index:5;
}
.pubs-commentaires
{
margin-top:15px;
margin-bottom:15px;
text-align:center;
}
.pubs-footer {
background:transparent url(/images/pub.png) no-repeat scroll 0 0;
border-bottom:1px solid #EEEEEE;
margin-top:15px;
padding-bottom:15px;
text-align:center;
}
#iphone
{
margin-top:20px;
margin-bottom:20px;
}

.pagination
{
  margin-top: 10px;
  text-align: center;
  margin-right: 10px;
  color: #176f94;
  font-size: 110%;
  font-weight: bold;
}

.pagination a
{
  margin: 0 1px;
  text-decoration: none;
  color: #828f95;
  font-size: 100%;
  font-weight: normal;
}

.pubs-haut
{
padding-bottom:10px;
padding-top:10px;
text-align:center;
display:none;
}
#datecat
{
  float: left;
 color: #808080;
 width:150px;
}
#date
{
 float: left;
 color: #808080;
}

#title-module
{
border-bottom:1px solid #CCCCCC;
font-size:11px;
font-weight:bold;
padding:0 0 4px;
text-align:center;
}

#login
{
  padding-top:10px;
  margin-bottom:15px;
  line-height:14px;
  text-align:center;
}

#login input
{
border:1px solid #ADADAD;
color: #444444;
margin-top: 4px;
padding: 3px;
background-color:#ECEEF4;
}

#submit_login
{
border:1px solid #CCCCCC;
margin-left:30px;
float:left;
}

#submit_pwd
{
border:1px solid #CCCCCC;
}

#login a
{
display:block;
overflow:hidden;
position:relative;
padding-left:5px;
}

#login a:hover
{
text-decoration:underline;
}

#login-avatar
{
margin-bottom:10px;
}

#submit_login
{
width:25px;
height:22px;
}

#fb
{
margin-bottom:15px;
}

#fb-fan
{
background-image:url(../images/fb.png);
background-repeat:no-repeat;
line-height:32px
height:32px;
}

#fb-fan a
{
line-height:32px;
height:32px;
text-align:left;
font-size:12px;
font-weight:bold;
display:block;
padding-left:38px;
}

#fb-fan a:hover
{
background-image:url(../images/fb.png);
background-repeat:no-repeat;
background-color:#ECEEF4;
}


#flux
{
background-image:url(../images/rss.png);
background-repeat:no-repeat;
line-height:40px
height:40px;
margin-top:10px;
margin-left:10px;
}

#flux a
{
line-height:32px;
height:32px;
text-align:left;
font-size:12px;
font-weight:bold;
display:block;
padding-left:38px;
}

#flux a:hover
{
background-image:url(../images/rss.png);
background-repeat:no-repeat;
background-color:#ECEEF4;
}

#best
{
background-image:url(../images/best.png);
background-repeat:no-repeat;
line-height:40px
height:40px;
margin-top:10px;
margin-left:10px;
}

#best a
{
line-height:32px;
height:32px;
text-align:left;
font-size:12px;
font-weight:bold;
display:block;
padding-left:38px;
}

#best a:hover
{
background-image:url(../images/best.png);
background-repeat:no-repeat;
background-color:#ECEEF4;
}

#ajouter
{
background-image:url(../images/ajouter.png);
background-repeat:no-repeat;
line-height:40px
height:40px;
margin-top:10px;
margin-left:10px;
}

#ajouter a
{
line-height:32px;
height:32px;
text-align:left;
font-size:12px;
font-weight:bold;
display:block;
padding-left:38px;
}

#ajouter a:hover
{
background-image:url(../images/ajouter.png);
background-repeat:no-repeat;
background-color:#ECEEF4;
}

#sf_guard_user_profile_email
{
width:220px;
}
#author
{
 float: left;
 color: #3B5998;
 font-size: 13px;
 font-weight:bold;
}
#category
{
 float: left;
 color: #808080;
 text-transform:capitalize;
 width: 60px;
}

#author a
{
color:#3B5998;
}

.vote
{
 float: left;
 color: #3B5998;
 width: 100px;
 text-align:center;
 height:14px;
 line-height:14px;
}
.vote a
{
 color: #3B5998;
}
.vote a:hover
{
text-decoration:underline;
}

.favoris
{
 float: left;
 color: #3B5998;
 width: 110px;
 text-align:center;
 height:14px;
 line-height:14px;
 padding-left:30px;
}
.favoris a
{
 color: #3B5998;
}
.favoris a:hover
{
text-decoration:underline;
}

.commenter
{
width:80px;
float: left;
text-align:center;
line-height:14px;
}
.commenter a
{
color: #3B5998;
}
.commenter a:hover
{
text-decoration:underline;
}
#comments
{
 float: right;
 color: #808080;
 background: url("http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981") no-repeat scroll 0 0 transparent;
 background-repeat: no-repeat;
 padding-left:20px;
 height:15px;
}
#rejoindre
{
line-height:15px;
}
#comments a:hover
{
text-decoration:underline;
}
#container
{
  /*margin-left: auto;
  margin-right: auto;
  background: #fff;
  width: 100%;
  width: 780px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
}
.lab
{
width:50px;
float:left;
}
#avatar
{
float:left;
padding-right:10px;
width: 50px;
height:50px;
}

#oubli_mail
{
width: 210px;
}
#title
{
  color:#3B5998;
  font-size:13px;
  float:left;
  line-height:35px;
  padding-right: 112px; 
  font-weight: bold;
}

#title a
{
  color:#fff;
  font-size:21px;
  text-decoration:none;
}

#title a:hover
{
  color:#fff;
}

#item-menu
{
  color:#fff;
  font-size:13px;
  float:left;
  padding-left:15px;
  line-height:30px;
  font-weight: bold;
}
#item-menu a
{
 text-decoration: none;
}

#form-ajouter
{
padding-top:10px;
}

#signin_username
{
  /*width: 100px;*/
  margin-right:5px;
}
#signin_password
{
  /*width: 90px;*/
  margin-right:5px;
}
#post_author_email
{
width:250px;
margin-left:53px;

}
#post_url
{
margin-left:30px;
width:369px;
}
#post_author_image
{
margin-left:49px;
}


#contact_message
{
margin-top:5px;
margin-left:30px;
}
#contact_name
{
margin-left:30px;
}
#contact_email
{
margin-left:30px;
}
.top
{
border-bottom: 1px solid #CCCCCC;
text-align:center;
}
.top h1
{
text-align:center;
font-size:14px;
height:27px;
line-height:27px;
color:#3B5998;
font-weight:bold;
background:#eee;
border-top:1px solid #CCCCCC;
}
.top ul
{
line-height:26px;
border-top: 1px solid #ccc;
background:#eee;
}

.top li
{
display: inline;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
}
.top li a
{
font-size:14px;
color:#3B5998;
font-weight:bold;
}
.top-2
{
/*border-bottom: 1px solid #CCCCCC;*/
text-align:center;
padding-top: 15px;
}
.top-2 h1
{

text-align:center;
font-size:17px;
height:45px;
line-height:60px;
}
.top-2 ul
{
line-height:30px;
}

.top-2 li
{
display: inline;
padding-left: 5px;
padding-right: 5px;
}

.top-2 li
{
font-size:12px;
}

.top-2 li a
{
font-size:12px;
color:#3B599
}
#selected
{
font-size:14px;
font-weight:bold;
}
.top li a:hover
{
font-size:14px;
color:#3B5998;
text-decoration:underline;
}

#content
{
min-height: 60px;
}
#post_content {
height:90px;
margin-left:30px;
margin-top:4px;
width:374px;
}

#post_author_name
{
width:200px;
margin-left:30px;
}
#post_category_id
{
margin-left:30px;
margin-top: 4px;
}
#cat-item, #cat-item-selected
{
height:20px;
display:block:
overflow:hidden;
position:relative;
/*border-bottom: 1px solid #ccc;*/
}

#cat-item-selected a
{
background-color:#D8DFEA;
color: #000;
font-weight:bold;
}

#cat-item a:hover
{
background-color:#ECEEF4;
}
#cat-item-link
{
display:block;
height:20px;
overflow:hidden;
padding: 5px 0 1px 5px;
}
#cat-item
{
/*background-image:url("http://ardeche.com/images/logo_coeur.png");*/
background-position: left-center;
background-repeat:no-repeat;
line-height:20px;
text-align:center;
display:block;
}

#cat-item-statut
{
background-image:url("/images/small-statut.png");
background-position: left-center;
background-repeat:no-repeat;
line-height:30px;
padding-left:50px;
display:block;

}

#menu-item-selected
{
  font-size:13px;
  float:left;
  padding-left:15px;
  line-height:35px;
  font-weight: bold;
}

#menu-item-selected a
{
color: yellow !important;
}
#add a
{
 text-decoration: none;
}



#header .post
{
  float: right;
  margin-top: -66px;
  margin-right: 40px;
}

#post
{
 /*border-bottom: 1px solid #EEEEEE;*/
 margin: 10px 0 1em;
 /*padding: 1.6em;*/
 /*padding:16px;*/
 /*padding-top:10px;*/
 padding-bottom:25px;
 display:block;
 min-height: 30px;
 position: relative;
 font-size:13px;
}

#post-image
{
position: absolute;
height: 30px;
width: 30px;
}
#post-content
{
min-height:35px;
}
#category-1
{
background-image:url(/images/groupes.png);
height:50px;
width:50px;
float:left;
background-repeat: no-repeat;
border:1px solid #CCCCCC;
background-color:#eee;
}
#category-2
{
background-image:url(/images/statuts.png);
height:50px;
width:50px;
float:left;
background-repeat: no-repeat;
border:1px solid #CCCCCC;
background-color:#eee;
}
#commentscoll
{
 margin: 0 0 1em;
}
#commentscoll h1
{
 font-size: 17px;
 font-weight:bold;
 padding-bottom:0.6em;
}
#addcomment h1
{
 font-size: 17px;
 font-weight:bold;
 padding-bottom:0.6em;
 color: #3B5998;
}

#comment_author_name
{
margin-left:30px;
}

#comment_content
{
width:374px;
height:90px;
margin-top:4px;
margin-left:30px;
}

.phrase-groupe
{
color:#808080;
}
.groupe
{
color:#3B5998;
}

#comm-0
{
border-bottom: 1px solid #EEEEEE;
padding-top:10px;
color:#000;
}
#comm-1
{
border-bottom: 1px solid #EEEEEE;
padding-top:10px;
color:#000;
}
.clear
{
clear: both;
margin:0;
}
#date-comm
{
 color: #808080;
 height:20px;
}
.module
{
  margin-bottom:45px;
  margin-top:15px;
}
#fan
{
background:transparent url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat scroll 15px 0;
color:#3B5998 !important;
font-size:9px;
height:16px;
line-height:16px;
margin-top:5px;
padding-left:24px;
text-align:center;
}
#fan a
{
color:#3B5998;
}
#fan a:hover
{
text-decoration:underline;
}

input
{
border:1px solid #ADADAD;
color: #444444;
margin-top: 4px;
padding: 3px;
}
.input
{
border:1px solid #ADADAD;
color: #444444;
margin-top: 4px;
padding: 3px;
background:#E0DFE3;
}

.sidebar-left
{
float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 100px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	/*background: #EBEBEB; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	/*padding: 15px 10px 15px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 22px;
	margin-top:10px;
}
.sidebar-right
{
  float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 200px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	/*background: #EBEBEB; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	/*padding: 15px 10px 15px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
  margin-right: 10px;
  margin-left: 10px;
  
}

#sub_header .search input
{
  background: url(../images/button-search.jpg) no-repeat;
  text-indent: -9999px;
  border: 0;
  width: 95px;
  height: 40px;
  margin-left: 10px;
}

#sub_header .search input:hover
{
  background-position: left -40px;
}

#sub_header .search input:active
{
  background-position: left -80px;
}

#sub_header .search input#search_keywords
{
  font-size: 160%;
  padding: 8px 10px;
  line-height: 1.5em;
  margin-bottom: 3px;
  margin-left: 0px;
  width: 579px;
  height: 27px;
  border: 0;
  background: url(../images/search-box.jpg);
  text-indent: 0;
  color: #666;
}

#sub_header .post h2
{
  display: none;
}

#sub_header .post div a
{
  display: block;
  background: url(../images/button-post.jpg);
  text-indent: -9999px;
  width: 150px;
  height: 48px;
}

#sub_header .post div a:hover
{
  background-position: left -50px;
}

#sub_header .post div a:active
{
  background-position: left -100px;
}


#sub_header
{
  background: url(../images/bg-subheader.gif) bottom;
  width: 783px;
  height: 128px;
  margin: 0 auto;
}

#sub_header .search
{
  padding: 15px 35px;
}

#sub_header h2
{
  text-indent: -9999px;
}

#sub_header .search h2
{
  background: url(../images/header-job.jpg) no-repeat;
  height: 23px;
  width: 250px;
  margin-bottom: 7px;
  margin-top: 5px;
}

#content .content {
  width: 783px;
  margin: 0 auto;
}

#content h1
{
  margin-top: 10px;
  padding: 0px 15px;
  font-size: 124%;
  text-transform: uppercase;
  background: url(../images/bg-listheader.gif) no-repeat;
  line-height: 32px;
  color: #fff;
}

#content h1 a
{
  color: #fff;
  text-decoration: none;
  font-style: normal;
  text-transform: uppercase;
  line-height: 32px;
}

#footer
{
	padding: 0 10px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	border-top: 1px solid #ccc;
	margin-top:40px;
	color:grey;
	text-align:right;
	margin-bottom:20px;
}

#footer .content {
  width: 783px;
  margin: 0 auto;
}

#footer a
{
  color: #77766F;
}

#footer ul
{
  display: inline;
}

#footer li
{
  list-style: none;
  margin-right: 15px;
  display: inline;
}

#footer li a
{
  text-decoration: none;
}

#footer li a:hover
{
  color: #000;
  text-decoration: underline;
}

#footer .symfony,
#footer .centresource
{
  font-family: arial,sans-serif;
  font-size: 80%;
  float: right;
  color: #666;
}

#footer .centresource
{
  clear: both;
  margin-top: 5px;
  padding-bottom: 10px;
  position: absolute;
  bottom: -30px;
  right: 5%;
  color: #adbcc3;
  font-size: 90%;
}

#footer .centresource a
{
  color: #b2c0c6;
  text-decoration: none;
}

#footer .centresource a:hover
{
  color: #fff;
}

#footer .symfony img
{
  vertical-align: middle;
}

#footer form {
  margin: 10px 0;
  color: #5f6364;
}

.feed
{
  padding-left: 20px;
  background: transparent url(../images/feed.png) no-repeat 0 0;
}

.help
{
  color: #B5B5B5;
  font-size: 80%;
  font-style: italic;
}

.search .help {
  color: #fff;
}

.error_list {
color:red;
padding-left:10px;
padding-top:5px;
}

strong
{
  font-weight: bold;
}

em
{
  font-style: italic;
}

.flash_notice
{
  margin: 3px 0;
  padding: 7px;
  background-color: #cfc;
}

.flash_error
{
  margin: 3px 0;
  padding: 7px;
  background-color: #f33;
  color: #fff;
}


#job_history
{
  width: 740px;
  margin: 0 auto;
  padding: 7px;
  font-size: 80%;
  color: #5d6162;
}

#job_history a
{
  color: #5d6162;
}

#job_history ul
{
  display: inline;
}

#job_history li
{
  margin-right: 10px;
  display: inline;
}

#job_form {
  width: 760px;
  margin: 0 auto;
}

#job_form .radio_list label {
  margin-right: 15px;
}


#job_form th
{
  white-space: nowrap;
  font-style: italic;
}

#job_form td, #job_form th
{
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  text-align: left;
  vertical-align: top;
  padding: 7px;
}

#job_form tfoot td, #job_form tfoot th
{
  border: 0;
  text-align: right;
}

#job_form .radio_list li
{
  display: inline;
}

#js form .forbidden {
    display: none;
}