/********/
/* Base */
/********/

body
{
	font-size:13px;
	background-color: #A1C4F0;
	background-image:url('img/bg.png');
	background-repeat:repeat-x;
}

a
{
	color: #FF6600;
	font-size:13px;
}

a:hover
{
	color: #333333;
}

h1
{
	font-size:24px;
	text-align:center;
}

.logo
{
	text-align:left;
	padding-top:10px;
	position:relative;
	display:block;
}


.alert
{
	margin-top:9px;
	display:block;
    width:530px;
    background-color:#ffe9fe;
    border: solid 2px #3d3d3d;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    color:#3d3d3d;
    font-size:13px;
    text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}

.liens1
{
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
	font-family: Arial, Helvetica, sans-serif;
}

.liens1:hover
{
	text-decoration:none;
	color:#FFFFFF;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
	background-color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}

.liens2
{
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
	font-family: Arial, Helvetica, sans-serif;
}

.pied
{
	position:relative;
	clear:both;
}

.liens2:hover
{
	text-decoration:none;
	color:#FFFFFF;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
	background-color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}

.TitreAcc {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

/****************/
/* Div généraux */
/****************/

#allContainer{
	position:relative;
	margin-right: auto;
	margin-left: auto;
	width:760px;
}


#corps{
	position:relative;
	top:-10px;
	text-align:center;
	float:right;
}

#corp{
	position:relative;
	float:right;
	margin-bottom:9px;
	margin-top:20px;
}

.note{
	width:537px;
	font-family:Arial, Helvetica, sans-serif;
}

#rightBox {
	width:200px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	float:right;
	margin-left:10px;
	margin-top:25px;
	border-left: solid 1px  #000000;
	margin-bottom:15px;
	padding-left:4px;
}

/********/
/* Menu */
/********/
.cat
{
	text-align:left;
	display:block;
	margin-bottom:3px;
	vertical-align:middle;
}

.links
{
	text-align:left;
	vertical-align:middle;
	margin-top:4px;
	padding-left:5px;
}

.menu_cat
{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;

}

.menu_cat:hover
{
	color:white;
	text-decoration:none;
	background-color: #333;
}

.whats {
    position:relative;
    margin:auto;
    top:0px;
    margin-bottom:5px;
    background-color: #FFCC66;
    border: solid 2px #3d3d3d;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:5px;
    padding-top:5px;
    color:#3d3d3d;
    font-size:13px;
    text-align:left;
	font-family: Arial, Helvetica, sans-serif;
    
}

.whats_button{
    position:absolute;
    top:100px;
    left:0px;
    z-index:5000;
}

.menu
{
	text-align:left;
	display:block;
	vertical-align:middle;
	margin-top:15px;
}


#menu_bouton
{
	margin:auto;
	text-align:center;
	width:600px;
	height:20px;
}

.menu_tab
{
	margin:auto;
	width:98%
}

.menu_td
{
	width:33%;
	text-align:center;
}

.menu_lien
{
	text-align:center;
	background-color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right:5px;

}

.menu_lien:hover
{
	color:white;
	text-decoration:none;
	background-color: #FF9900;
}

/****************/
/* Note du jour */
/****************/

.note_jour_haut
{
	height:10px;
	margin-bottom:0px;
	background: url('img/note_jour_haut.png') top left no-repeat;
}

.note_jour_fond
{
	background-color:#ffc076;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	margin-bottom:0px;
}

.note_jour_bas
{
	background: url('img/note_jour_bas.png') top left no-repeat;
	height:12px;
	margin-top:0px;
}

.detailnote {
	font-size:13px;
	padding-top:6px;
	color:#333333;
	font-weight:bold;

}

.detailnote span {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;

}

.voir_plus {
    text-align:center;
}


.voir_plus_lien {
    text-align:center;
	font-size:15px;
	text-decoration:none;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	font-family: Arial, Helvetica, sans-serif;
}

.voir_plus_lien:hover {
	color: #fff;
	background-color:#333;
}
/*********/
/* Notes */
/*********/

.nbrCom {
    font-family: Arial, Helvetica, sans-serif;
    float:right;
    color: #333;
    }

.note_haut
{
	height:10px;
	margin-bottom:0px;
	background: url('img/note_haut.png') top left no-repeat;
}

.note_fond
{
	background-color:#ffc076;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

.note_bas
{
	background: url('img/note_bas.png') top left no-repeat;
	height:12px;
	margin-top:0px;
}

.commdenote {
	text-align:center;
	display:block;
	padding-top:15px;
}

.notetitre_link {
	font-size:15px;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
	font-family: Arial, Helvetica, sans-serif;

}

.notetitre_link:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color: #FFF;
	background-color:#333;

}
.notetitre {
	display:block;
	position:relative;
	margin-bottom:3px;
	margin-left:-3px;
}

/**************/
/* Séparateur */
/**************/

.separateur_jour
{
	background:url('img/separateur_jour.png') top left no-repeat;
	width:147px;
	height:32px;
	margin-left:203px;
	margin-top:9px;
	margin-bottom:9px;
	text-align:center;
}


/******************/
/* Menu déroulant */
/******************/

.menu_deroulant
{
	text-align:center;
	margin:auto;
}

.liste
{
	font-size:14px;
	width:400px;
	float:right;
}

.listenote
{
	font-size:14px;
	width:400px;
}

/******************/
/* Liens de pages */
/******************/

.liensPage
{
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: black;
    font-size:15px;	
}

.liensPage_link
{
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
}

.liensPage_link:hover
{
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#333;
	color:white;
}


/**************/
/* Formulaire */
/**************/
.commentajout{
    display:block;
    width:530px;
    background-color:#ffe9fe;
    border: solid 2px #3d3d3d;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    color:#3d3d3d;
    font-size:13px;
    text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
}

.formulaire
{
	width:530px;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

.form_ajout
{
	width: 530px; 
	margin-top:25px;
	position:relative;
}

.textarea
{
	height:90px;
	font-size: 18px;
	color:#333333;
	width: 530px; 
	font-family: Arial, Helvetica, sans-serif;

}

.input
{
	width:400px;
	float:right;
	font-size: 18px;
	color:#333333;
}

.td_bouton
{
	text-align:center;
}

textarea.limiter 
{ 
	width: 530px; 
} 

/* style pour le case de décompte de caractères possible à saisir */ 
div.decompte 
{ 
	width: 30px;
	color: #00CCFF;
	position: relative;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size: 50px; 
} 

.form_td{
	text-align:left;
	font-size: 13px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;

}

.label_td {
	text-align:left;
	font-size: 13px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;

}

/**************/
/* 	PIED	  */
/**************/

.w3c {
	text-align:center;
	padding-top:25px;
	position:relative;
}

.pub {
	padding-left:3px;
	padding-right:3px;
	position:relative;
}

.copy {
	text-align:center;
	font-size: 10px;
	position:relative;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}



.twitter {
    position:absolute;
    float:right;
    right:0px;
    top:150px;
}
.flux {
    position:absolute;
    float:right;
    right:0px;
    top:50px;
}


.cfrm { display: none; }

.sharebutton {
	float:right;
}