/*

Couleurs utilisées : 

Rouge C*RED : rgb(247,44,32);


*/

/*###############################################*/
/*  CSS Structure  */
/*###############################################*/

body
{
	background-color:#fff;
	background-image:url(img/css/background-c-red-2.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
	text-align:center;
	padding:0;
	margin:0 0 0 0; 
	font-family:verdana, arial, sans-serif;
	color:black;
	font-family:verdana;
}

/*###############################################*/
/*  CSS Banniere  */
/*###############################################*/

.div-top
{
	background-image:url(img/logo/logo-c-red-site-995.png);
	width:1000px;
	height:60px;
	border:solid 0px black;
	text-align:center;
	margin-top:15px;
}
.titre-top
{
	font-size:20px;
}
.texte-top
{
	margin-top:-10px;
	font-size:17px;
}

/*###############################################*/
/*  CSS Menu principal  */
/*###############################################*/

.div-menu
{
	margin-top:20px;
	float:none;
	width:1000px;
	min-height:30px;
	border:solid 0px black;
	text-align:center;
}
.menu-container
{
	margin-left:80px;
	margin-top:-10px;
}
.link
{
	color:rgb(247,44,32);
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
}
a:link
{
	color:rgb(247,44,32);
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
a:visited
{
	color:rgb(247,44,32);
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
a:hover
{
	color:black;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}
a img
{
	border:0;
	padding:0;
}

/*###############################################*/
/*  CSS marquee = texte defilant  */
/*###############################################*/

.div-marquee
{
	width:900px;
	height:20px;
	border:solid 0px black;
	margin-top:3px;
	margin-left:0px;
	background-color:#fff;
}
.font-marquee
{
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:black;
}

/*###############################################*/
/*  CSS Corps du site  */
/*###############################################*/

.div-corps
{
	background-image:url(img/css/fond-980.png);
	margin-top:5px;
	width:980px;
	height:555px;
	font-size:12px;
	color:black;
	text-align:left;
	padding:10px;
}
.content
{
	width:94%;
	height:525px;
	margin-left:30px;;
}

.clearboth
{
	clear:both;
	float:none;
}

h1
{
	color:rgb(247,44,32);
	font-size:15px;
	font-family:verdana, arial, sans-serif;
}
h2
{
	color:rgb(0,0,0);
	text-decoration:underline;
	font-size:13px;
	font-family:verdana, arial, sans-serif;
}
h3
{
	color:#555555;
	text-decoration:underline;
	font-family:verdana;
}
p
{
	color:black;
	font-family:verdana;
	font-size:12px;
}

.separateur
{
	float:none;
	clear:both;
}

.left50
{
	float:left;
	width:48%;
	padding:5px;
}

.campagnes
{
	width:160px;
	height:220px;
	float:left;
	margin-right:15px;
	background-color:transparent;
}



/*###############################################*/
/*  CSS Scrollbox */
/*###############################################*/
#scrollbox 
{
	height: 555px; 
	width: 960px; 
	border: solid black 0px; 
	top: 0px; 
	left: 0px;
}
.scrollbox {position: relative;}

.scrollbox_content {
	margin-right: 20px;
}

.scrollbox_scrollbar {
	background-color: transparent;
	margin-top:3px;
	margin-right:2px;
	border-left: solid red 0px;
	height: 490px;
	width: 20px;
}

.scrollbox_up_button {
	background: transparent url(inc/scrollbox/images/scroll_up_button.jpg) top right no-repeat;
	height: 20px;
}

.scrollbox_down_button {
	background: transparent url(inc/scrollbox/images/scroll_down_button.jpg) top right no-repeat;
	height: 20px;
}

.scrollbox_handle {
	background-color: rgb(247,44,32);
}

/*###############################################*/
/*  CSS Formulaires */
/*###############################################*/
.form
{
	width:400px;
	padding:5px;
	border:solid 1px red;
}
.textareaform
{
	width:400px;
	height:100px;
	padding:5px;
	border:solid 1px red;
}

/*###############################################*/
/*  CSS Calendrier HTML */
/*###############################################*/
/* TABLEAU */
table.calendrier
{
	width:100%;
}

/* NOM DU MOIS */
td.nom_mois  
{
font-size:13px;
font-style:normal;
font-weight:bold;
color:red;
}

/* FLECHES */
td.fleches  
{
font-size:13px;
font-style:normal;
font-weight:normal;
}

/* NOMS DES JOURS*/
tr.noms_jours  
{
width:20px;
height:20px;
font-size:13px;
font-weight:bold;
}

/*DATES*/
td.jours  
{
width:20px;
height:20px;
/*border-color:#33CCCC;
border-width:1px;
border-style:solid;*/
font-size:12px;
background-color:white; 
}
td.joursEvent
{
width:20px;
height:20px;
border-color:red;
border-width:2px;
border-style:solid;
font-size:12px;
background-color:white; 
}

/* AUJOURD'HUI */
td.aujourdhui  
{
width:20px;
height:20px;
border-color:#000000;
border-width:0px;
border-style:solid;
font-size:12px;
color:red;
background-color:#FFFFFF; 
text-decoration:underline;
}
td.aujourdhuiEvent  
{
width:20px;
height:20px;
border-color:red;
border-width:2px;
border-style:solid;
font-size:12px;
background-color:#FFFFFF; 
}

/* CASES DES MOIS PRECEDENTS ET SUIVANTS*/
td.cases_vides 
{
width:15;
height:15;
/*border-color:#F5F5F5;
border-width:1px;
border-style:solid;*/
font-size:8pt;
color:#C0C0C0;
}


/*###############################################*/
/*  CSS Pied de page  */
/*###############################################*/

.div-piedpage
{
	clear:both;
	float:bottom;
	width:1000px;
	height:50px;
	background-image:url(img/css/street-marketing.png);
	border:solid 0px black;
	margin-top:0px;
	margin-left:0px;
	text-align:center;
}
.div-container-social
{
	text-align:center;
}

.div-container-footer-text
{
	width:700px;
	height:16px;
	margin-top:5px;
	border:solid 0px black;
	text-align:left;
	margin-left:250px;
}

.font-footer
{
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:black;
}