/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 *
 * Contributor(s):
 *  Maurice Svay
 */

/* Ce fichier définit le style visuel pour les différents éléments du blog.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
 * - la page
 * - l'entête
 * - le prélude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est défini dans le fichier layout.css
 * Pour mettre la barre de navigation à gauche, décommentez l'appel à 
 * layout-gauche.css
 */

@import url(../../../en/themes/default/layout.css);

 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	margin: 0 0 0 0;
background-color: #D9E3E6;
text-align: center;
color: #000;
font-family:  helvetica, arial, sans-serif;
}



#template{
	width: 100%;
	margin: 0 0 0 0;
background: #F7F9F9 url(http://www.ajregniers.be/fr/themes/default/images/bg.jpg) repeat-x;
text-align: center;
color: #000;
font-family:  helvetica, arial, sans-serif;
}

a:link
{
color: #2085B5;
text-decoration: none;
}

a:visited
{
color: #2085B5;
text-decoration: none;
}
a:active
{
color: #2085B5;
text-decoration: none;
}
a:hover
{
color: #00618C;
text-decoration: underline;
}


/* L'entête
-------------------------------------------------------- */
#header
{
position:relative;
margin: 0 auto;
width: 990px;
background: #00628C url(http://www.ajregniers.be/fr/themes/default/images/header.jpg) no-repeat;
height: 200px;
text-align: center;
padding: 0;
top: 0;
}

fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}
#search
{
position: relative;
text-align: left;
float: right;
padding: 0;
margin-top: 94px;
font-family: georgia, times, serif;
font-size: 12px;
color: #B0BFCC;
width: 340px;
left: 72px;

}



#search input { font-family: helvetica, arial, sans-serif; }


input[type=submit], input[type=reset] {

	color : #013A5C;
	background: #DDE1E3;
	margin-top: 3px;
}

.submit, .print {

	color : #013A5C;
	background: #DDE1E3;
	margin-top: 3px;
}


p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}


#topmenu
{

margin: 0 auto;
width: 890px;
background-color: #00618C;
height: 29px;
color: #999;
text-align: center;
border-bottom: 4px solid #2085B5;

}

#page
{

position:relative;
margin: 0 auto;
width: 990px;
background: transparent;
text-align: center;
padding: 0;
top: 0;
overflow: hidden;
}

#wrapper
{
	position: relative;
	margin: 0 auto;
	width: 890px;
	overflow: hidden;
	padding: 0;
	background-color: #FFFFFF;
	clear: left;
	
}



/* Le contenu
-------------------------------------------------------- */
#main
{
width: 862px;
text-align: justify;
padding-left: 14px;
padding-right: 14px;
margin-bottom: 30px;
margin-top: 34px;
}



#cim img
{
float: right;
padding:  0 0 20px 20px;

}




#flash
{
float: right;
padding:  0 0 20px 20px;
width: 495px;

}


.post-title{
	color: #2085B5;
	font-size: 20px;
	font-family:  georgia, times, serif;
	margin-bottom: 20px;
}

h2{
	color: #00618C;
	font-size: 16px;
	font-family: georgia, times, serif;
	margin-top: 20px;
	margin-bottom: 20px;
	}





.post, .post-content{
	text-align: justify;
	font-family:  helvetica, arial, sans-serif;
	font-size: 13px;
line-height: 16px;
color: #000;
	
}




/* La barre de navigation
-------------------------------------------------------- */



#sidebar
{
padding-left: 12px;
width: 170px;
color: #333;
text-align: left;
float:left;

}

/* Menus
*******************************************************************************/


#navcontainer
{
position: relative;
left: 803px;
font-family: helvetica, arial, sans-serif;
font-size: 11px;
float: left;
top: 20px;
text-align: right;
}

ul#navlist
{
margin-left: 0px;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { 
padding-top: 2px;
padding-left: 8px;
padding-bottom: 2px;
padding-right: 8px;
}

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #2085B5;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #5CB8DA;
text-decoration: none;
padding-top: 2px;
padding-left: 8px;
padding-bottom: 2px;
padding-right: 8px;
}

.h2navlist{
position: relative;
border:none;
background: #fff;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
list-style: none;
margin-left: 0px;
z-index: 100;

}

.h2navlist a
{
display: block;
}
		
.h2navlist ul
{
background:#00618C;
height:30px;
list-style: none;
margin:0;
padding:0;
}
	
.h2navlist li
{
float:left;
padding:0px;
margin-right: 2px;
}
.h2navlist li a, .h2navlist li a:visited{
background:#013A5C;
color:#ddd;
display:block;
font-weight:normal;
line-height:30px;
margin:0px;
padding:0px 9px;
text-align:left;
text-decoration:none;

}

.h2navlist li a:hover, .h2navlist ul li a:hover {
background: #013A5C;
color:#FFFFFF;
text-decoration:none;
padding:0px 9px;

}

#active1 a:hover, li a:hover, #topmenu1 a:hover, li a:hover{
background-color: #2085B5;
text-decoration:none;
}



#active2 a:hover, li a:hover, #topmenu2 a:hover, li a:hover {
background-color: #1494A9;

}

#active3 a:hover, li a:hover, #topmenu3 a:hover, li a:hover{
background-color: #999A00;

}

#active4 a:hover, li a:hover, #topmenu4 a:hover, li a:hover{
background-color: #A8263F;

}

#active5 a:hover, li a:hover, #topmenu5 a:hover, li a:hover{
background-color:#01518C;

}

#active6 a:hover, li a:hover, #topmenu6 a:hover, li a:hover{
background-color: #2085B5;

}
#active7 a:hover, li a:hover, #topmenu7 a:hover, li a:hover{
background-color: #2085B5;

}
#active8 a:hover, li a:hover, #topmenu8 a:hover, li a:hover{
background-color: #2085B5;

}
#active9 a:hover, li a:hover{
background-color: #2085B5;
color:#FFFFFF;
text-decoration:none;
}


.h2navlist li ul{
position: relative;
float: left;
background:#013A5C;
display:none;
height:auto;
padding:0px;
margin:0px;
border:none;
position:absolute;
width:160px;

}
.h2navlist li:hover ul{
display:block;
}



#h2navlist a {
display: block;
}
.h2navlist li li {

display:block;
float:none;
margin:0px;
padding:0px;
width:160px;
}

.h2navlist li ul a:link, .h2navlist li ul a:visited{	
height:30px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 4px 0px 4px;
text-align:left;

}

.h2navlist li ul a:hover, .h2navlist li ul li a:hover{

border:none;
color:#ffffff;
text-decoration: none;
padding:0px 4px 0px 4px;
margin: 0;
	}

.h2navlist p
{
clear:left;
}



#footmain a
{

color: #fff;
text-decoration: none;
}
#footmain a:hover
{

color: #fff;
text-decoration: underline;
}
#main2 img
{
float: right;
margin:  0   0 20px 20px;
}


/* Le pied de page
-------------------------------------------------------- */
#footmain
{
position:relative;
margin: 0 auto;
width: 990px;
background: #00618C url(../../../en/themes/default/%27images/bgfoot.jpg%27);
text-align: center;
color: #fff;
padding-top: 20px;
font-size: 11px;
text-align: center;
font-family: Bank Gothic, Helvetica, arial, sans-serif;
height: 58px;
}

#footer
{
width: 100%;
height: 80px;
margin: 0;
padding: 0;
background: #00618C url(../../../en/themes/default/%27images/bg.jpg%27);

}

#bottom
{
width: 100%;
margin: 0;
padding: 0;
background-color: #E6E6E6;
height: 100%;


}

/* Couture
-------------------------------------------------------- */


#couture a:link
{
color: #1E9EB7;
text-decoration: none;
}

#couture a:visited
{
color: #1E9EB7;
text-decoration: none;
}
#couture a:active
{
color: #1E9EB7;
text-decoration: none;
}
#couture a:hover
{
color: #43C5E0;
text-decoration: underline;
}


#couture h2{
	color: #1E9EB7;
	font-size: 16px;
	font-family: georgia, times, serif;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
#couture strong{
	color: #1E9EB7;
}

/* Palettes
-------------------------------------------------------- */


#palettes a:link
{
color: #999A00;
text-decoration: none;
}

#palettes a:visited
{
color: #999A00;
text-decoration: none;
}
#palettes a:active
{
color: #999A00;
text-decoration: none;
}
#palettes a:hover
{
color: #C4C400;
text-decoration: underline;
}


#palettes h2{
	color: #999A00;
	font-size: 16px;
	font-family: georgia, times, serif;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#palettes strong{
	color: #999A00;
}

/* Plastique soudé
-------------------------------------------------------- */


#plastique a:link
{
color: #A8263F;
text-decoration: none;
}

#plastique a:visited
{
color: #A8263F;
text-decoration: none;
}
#plastique a:active
{
color: #A8263F;
text-decoration: none;
}
#plastique a:hover
{
color: #D3415F;
text-decoration: underline;
}


#plastique h2{
	color: #A8263F;
	font-size: 16px;
	font-family: georgia, times, serif;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#plastique strong{
	color: #A8263F;
}



/* TAJ
-------------------------------------------------------- */


#taj a:link
{
color: #01518C;
text-decoration: none;
}

#taj a:visited
{
color: #01518C;
text-decoration: none;
}
#taj a:active
{
color: #01518C;
text-decoration: none;
}
#taj a:hover
{
color: #016AB8;
text-decoration: underline;
}


#taj h2{
	color: #01518C;
	font-size: 16px;
	font-family: georgia, times, serif;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#taj strong{
	color: #01518C;
}

hr
{
border-top: 1px dotted #CCC;
margin-top: 24px;
margin-bottom: 22px;
}

.home
{
margin-left: -2px;
}




.Image1
{
margin-top: 12px;
width: 212px;
height: 335px;
background: url(http://www.ajregniers.be/fr/images/smenu1.jpg) no-repeat;
margin-right: 6px;
}

.Image2
{
margin-top: 12px;
width: 212px;
height: 335px;
background: url(http://www.ajregniers.be/fr/images/smenu2.jpg) no-repeat;
margin-right: 6px;
}
.Image3
{
margin-top: 12px;
width: 212px;
height: 335px;
background: url(http://www.ajregniers.be/fr/images/smenu3.jpg) no-repeat;
margin-right: 6px;
}
.Image4
{
margin-top: 12px;
width: 212px;
height: 335px;
background: url(http://www.ajregniers.be/fr/images/smenu4.jpg) no-repeat;
margin-right: 6px;
}

#im1
{

width: 206px;
background-color: #1E9EB7;
text-align: right;
font-size: 12px;
color: #FFFFFF;
margin-top: 6px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 6px;
}

#im2
{

width: 206px;
background-color: #999A00;
text-align: right;
font-size: 12px;
color: #FFFFFF;
margin-top: 6px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 6px;
}
#im3
{

width: 206px;
background-color: #A8263F;
text-align: right;
font-size: 12px;
color: #FFFFFF;
margin-top: 6px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 6px;
}
#im4
{

width: 206px;
background-color: #01518C;
text-align: right;
font-size: 12px;
color: #FFFFFF;
margin-top: 6px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 6px;
}


#im1 a, #im2 a, #im3 a, #im4 a
{
color: #FFFFFF;
}


