/* Animalerie Granby common styles */

html, body, div, span, applet, object, iframe, img, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

 h1
{
    color: #000;
    font-size: 25px;
    font-weight: 700;
    line-height: 14px;
	margin:15px 0 15px 0;
}

.clear 
{
	clear: both;
}


 
 
/* remember to define focus styles! */
:focus
{
	outline: 0;
}



body
{
	background-color: #CCC;
	color: #363430;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 62.5%;
	line-height: 20px;
	padding: 0;
	text-align: center;
	background-image: url(../images/bkgMain.jpg);
	background-repeat: repeat;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


#outerWrapper
{
    text-align: left;
    width: 940px;
    margin: 5px auto 0;
    padding: 0;
}



/************************ Style pour le Header de la page  ***************************************************/
#outerWrapper #header
{
    font-size: 1.8em;
    font-weight: 700;
    height: 190px;
    width: 940px;
    background-image: url(../images/paperTop.gif);
    background-repeat: no-repeat;
	margin:0;
	clear:both;
	padding:30px 0 0 45px;
}

#outerWrapper #header #ImgHeader
{
	width:849px;
	height:157px;
	background:#333333;
	clear:both;
	margin: 0px;
	padding:0
}

#outerWrapper #header h1
{
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 14px;
	margin:5px 0 5px 0;
    text-indent: -9999px;
}



#outerWrapper #header #MainNav
{
    color: #000;
    font-size: 1.2em;
    font-weight: 500;
	text-align:right;
	clear:both;
	margin:0 20px 0 0;
	width:840px;
}

ul#menu {list-style-type:none; margin:-15px 0 0 0px; padding:0; display:block; position:relative; overflow:hidden; text-align:center; float:right}
ul#menu {clear:both; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 0;}
ul#menu li {float:left; padding:2px 2px 0 0; }

ul#menu li a:link,
ul#menu li a:visited {
	display:block;
	background:#669933 url(../images/btn_off.gif) repeat-x;
	padding:3px 15px;
	line-height:20px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
ul#menu li a:hover{background:#ad2b1e url(../images/btn_on.gif) repeat-x;}



#outerWrapper #contentWrapper
{
    width: 100%;
	display:table;
    background-repeat: repeat-y;
    clear: both;
    font-size: 1.2em;
    background-image: url(../images/paperEdge.png);
}


#outerWrapper #contentWrapper #content, #outerWrapper #contentWrapper #content_full
{
    width: 685px;
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
    padding: 12px 0 0 20px;
}

#outerWrapper #contentWrapper #content_full
{
    width: 858px;
	 clear: both;
}


.clearBreak
{
    clear: both;
    display: block;
    height: 20px;
    margin-bottom: 10px;
}



/************************ Style pour le contenu principal  ***************************************************/
#crumples
{
    width: 100%;
	display: table;
    margin-left: 23px;
    padding-bottom: 20px;
    background-repeat: repeat-y;
    background-image: url(../images/bkgPaper.jpg);
    clear: both;
}

.texteGauche
{
    width: 370px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
    padding: 12px 0 0 20px;
	float:left;
}

.texteGaucheFull
{
    width: 865px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
    padding: 12px 0 0 20px;
	float:left;
}

.texteGaucheFull a
{
	color:#363430;
	text-decoration: underline;
}

div.home_news
{
    margin: 12px 0 0 22px;
    border-top: solid 3px #57534a;
    border-bottom: solid 3px #57534a;
    width:845px;
    margin-bottom: 12px;
    float: left;
}

.news_item
{
    width: 421px !important;
    border-collapse: collapse;
    border-right: 1px solid #A7A491;
    padding-left: 0px;
    border-collapse: collapse;
    float: left;
    min-height: 250px;
    height: auto !important;
}
.news_item2
{
    width: 845px !important;
    border-collapse: collapse;
    border-right: 1px solid #A7A491;
    padding-left: 0px;
    border-collapse: collapse;
    float: left;
    min-height: 250px;
    height: auto !important;
}

.news_item h4, .news_item2 h4
{
    font-size: 1.2em;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #57392f;
    line-height: 1.4em;
    margin: 5px 0px 5px 10px;
    _margin: 0px 0px 5px 0px;
    width:314px;
    _margin-left:5px;
}

.news_item p, , .news_item2 p
{
    float: left;
    padding-left: 0px;
	font-size: 12px;
    padding: 0 8px 8px;
}

.news_item img, , .news_item2 img
{
    float: left;
    display: inline;
    padding: 10px;
}


.news_item h4 a
{
    text-decoration: none;
    color: #363430;

}
.news_item h3, , .news_item2 h3
{
    color: #b01f25;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    border-bottom: solid 1px #a7a491;
    padding-left: 5px;
    margin-bottom: 4px;
}



.imgMagasins
{	
	width: 473px;
	height: 293px;
	float:left;
	border:1px solid #494338
}
/************************ 3 section page accueil  ***************************************************/
.TroisSections
{	
	width:845px;
	clear: both;
	display:block;
	margin: 12px 0 0 25px;
	float:left;
	border-top:5px solid #96917f;
}

.TroisSections h2
{	
	color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 14px;
	margin:15px 0 15px 0;
}

.TroisSections a
{	
	color:#363430;
	text-decoration:none;
}

.TroisSections a:hover
{	
	text-decoration:underline;
}

/************************ Style pour le pied page  ***************************************************/
#outerWrapper #footer
{
    height: 60px;
    background-image: url(../images/paperBottom.gif);
    background-repeat: no-repeat;
    padding-right: 40px;
    color: #46453C;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 42px;
    padding-top: 10px;
    font-weight: 700;
    letter-spacing: 0;
	clear:both;
}


#footer a
{
    text-decoration: none;
    color: #363430;
}

#footer a:hover
{
    border-bottom: 3px solid #8a8a8a;
    color: #333;
}



/************************ Style général  ***************************************************/
img
{
    display: block;
    margin: 0;
    padding: 0;
}

p
{
    font-size: 1.2em;
    margin: 0 0 8px;
    padding: 0;
}

td, tr
{
    vertical-align: top;
}