/*******************/
/** CITIZEN PRESS **/
/**    MAIN CSS   **/
/*******************/

@import url('citizen-menu.css');

a {
    outline:none;
}


#screen {
    float:                  left;
    width:                  100%;
    height:                 100%;
    text-align:             center;
    z-index:                3;
}

#site {
    width:                  960px;
    text-align:             left;
    margin:                 0 auto;
}

#header {
    float:                  left;
    width:                  100%;
    background-image:       url('img/bg_header.gif');
    background-position:    top;
    background-repeat:      repeat-x;
}

#banner {
    float:                  right;
    width:                  624px;
    height:                 144px;
    padding-top:            21px;
    cursor:                 pointer;
}

#association {
    float:                  left;
    width:                  316px;
    height:                 77px;
    color:                  #FFFFFF;
    line-height:            1.2em;
    padding:                50px 0 0 20px;
    cursor:                 pointer;
}

#association a {
    color:                  #D2D309;
    text-decoration:        none;
    line-height:            2.3em;
    font-weight:            bold;
    font-size:              13px;
}

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

#logo {
    float:                  left;
    width:                  316px;
    height:                 47px;
    padding:                11px 0 0 20px;
    background-color:       #FFFFFF;
}

/* tous ce qu'il y a entre le menu et le bas de la page */
#page {
    float:                  left;
    width:                  960px;
    padding-bottom:         15px;
    background-color:       #FFFFFF;
}

/* le menu + le fil d'ariane */
#navigation {
    float:                  left;
    display:                inline;
    width:                  920px;
    height:                 39px;
    margin-left:            20px;
    background-image:       url('img/bg_navigation.gif');
    background-position:    left top;
    background-repeat:      repeat-x;
    background-color:       #FFFFFF;
}

/* fil d'ariane */
#breadcrumb {
    float:                  right;
    width:                  314px;
    font-size:              11px;
    margin-top:             23px;
} 

#breadcrumb a { 
	color:					#595959;
	text-decoration:        none;
}

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

#content {
    float:                  right;
    display:                inline;
    width:                  733px;
    margin-right:           20px;
}

/* COLONNE DE GAUCHE */
#column_left {
    float:                  left;
    width:                  192px;
}

/* encart nous */
#about_us {
    float:                  left;
    display:                inline;
    width:                  172px;
    margin-left:            20px;
}

#about_us_top {
    float:                  left;
    width:                  172px;
    height:                 42px;
}

#about_us_content {
    float:                  left;
    width:                  156px;
    font-size:              11px;
    line-height:            1.1em;
    padding:                10px 7px 7px 7px;
    border:                 1px solid #ACACAC;
    border-top:             none;
}

#address {
    font-size:              10px;
    margin-bottom:          9px;
}

#plan_preview {
    margin:                 1px 0 3px 0;
    border:                 1px solid #ACACAC;
}

#assiation_bis {
    font-size:              10px;
    line-height:            1.1em;
}

#assiation_bis a {
	color:					#595959;
    text-decoration:        none;
}

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

.gras1 {
    font-weight:bold;
    color:#212121;
}

.gras2 {
    font-weight:bold;
    font-size:16px;
    color:#212121;
}

.gras3 {
    font-weight:bold;
    font-size:30px;
    color:#212121;
}

/* encart coup de coeur */
#coup_de_coeur {
    float:                  left;
    display:                inline;
    width:                  178px;
    margin:                 17px 0 0 15px;
}

#coup_de_coeur_top {
    float:                  left;
    width:                  178px;
    height:                 78px;
}

#coup_de_coeur_content {
    float:                  right;
    width:                  155px;
    font-size:              11px;
    padding:                10px 6px;
    border:                 1px solid #EA7D94;
    border-top:             none;
}

#coup_de_coeur_content a {
/*    color:                  blue; */
}

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


/* MISC */
.green {
    color:                  #D5D600;
}

.red {
    color:                  #DE121D;
}

.white {
    color:                  #FFFFFF;
}  

.font_size_11 {
    font-size:              11px;
}

/* ******************************* */
/* ********* FOOTER ************** */

#footer {
	float: 				left;
	width: 				960px;
	padding-bottom: 	35px;
	background-color: 	#ffffff;
}

#footer .links {
	width: 			960px;
	text-align:		center;
	color: 			#d5d600;
	font-size: 		11px;
	line-height: 	1em;
}

#footer .links .item {
	padding:	0px 5px;
}

#footer .links .item a, #footer .links .item a:hover{
	color:				#595959;
	text-decoration:	underline;
}

#footer .links .item a:hover{
	text-decoration:	none;
}

/* ********* FOOTER ************** */
/* ******************************* */