/**************************************************/
/*		Stylesheet made by renÖ for CopSoft.	  */
/*						---						  */
/*Feuille de style composée par renÖ pour CopSoft.*/
/**************************************************/

body{

	margin:0px;
	background-color:#F2F2F2;

}


#searchbar {

	clear:both;
	width:100%;
	background-image:url("../images/bckg_searchbar.gif");
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	overflow:hidden;
	
}

#searchbar div {

	float:left;
	width:20%;
	background-image:url("../images/bckg_language.gif");
	background-repeat:no-repeat;
	padding-right:75px;
	height:25px;!important
	height:30px;
	padding-top:5px;
	padding-left:5px;

}

#searchbar form {

	float:right;
	width:78%;
	text-align:right;
	margin-left:-75px;
	height:100%;
	padding-right:5px;

}

#champs {

	border:1px #999999 solid;
	color:#999999;
	font-size:10px;
	font-style:italic;

}

#champs:hover {

	color:orange;
	font-size:10px;
	font-style:normal;
	border-color:orange;

}

#submitsearch{

	background-image:url("../images/btn_search.gif");
	height:17px;
	width:62px;
	border-width:0px;

}

#separateur {

	clear:both;

}

#content1 {

	text-align: left;
	background-image:url("../images/bckg_left.gif");
	background-repeat:repeat-y;
	padding-top:0px;
	background-color:white;
	width:770px;

}

#content2 {

	background-image:url("../images/bckg_left_shadow.jpg");
	background-repeat:no-repeat;
	padding-left:50px;
	padding-top:0px;

}

#content3 {

	background-image:url("../images/bckg_right.gif");
	background-position:right;
	background-repeat:repeat-y;
	width:720px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;


}

#content4 {

	background-image:url("../images/bckg_right_shadow.jpg");
	background-repeat:no-repeat;
	width:670px;
	background-position:670px 0px;
	padding-right:50px;
	padding-top:0px;

	
}

#menu {

	background-image:url("../images/menu_bckg.gif");
	height:59px;
	float:left;
	text-transform:uppercase;
	overflow:hidden;

}

#menu span {

	display:block;
	width:102px;
	height:59px;
	background-image:url("../images/menu_logo.gif");
	float:left;

}

#menu span a {

	display:block;
	width:102px;
	height:59px;
	border:0px;

}

#menu div {

	text-align:right;
	float:right;

}

#menu div a{

	display:block;
	height:35px;!important
	height:59px;
	text-align:center;
	float:left;
	padding-top:24px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	color:white;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:#FFFFFF 1px solid;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-collapse:collapse;
	background-image:url("../images/menu_bckg.gif");

}

#menu div a:hover{

	background-image:url("../images/menu_hover.gif");

}

#banner {

	height:172px;
	width:670px;
	background-image:url("../images/banner.jpg");

}

#text{

	background-image:url("../images/content_bckg.gif");
	background-repeat:repeat-x;
	padding:10px;

}

h1 {

	display:block;
	background-image:url("../images/textbox_title.gif");
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	height:19px;!important
	height:24px;
	font-size:10px;
	width:100%;
	margin:0px;
	padding-top:5px;
	padding-left:10px;
	font-weight:bold;

}

#welcome {

	background-image:url("../images/welcome_bottom.gif");
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:14px;
	
}

#welcome div{

	border:1px #CCCCCC solid;
	font-size:12px;
	border-bottom-width:0px;
	border-top-width:0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	
}

#login{

	width:650px;
	border:#999999 solid 1px;
	background-color:#CCCCCC;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;

}

#login form{

	margin:0px;
	float:left;

}

#login form span{

	display:block;
	background-image:url("../images/login_button.gif");
	width:61px;
	height:17px;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

#login form p{

	float:left;
	margin-left:10px;

}

#submit {

	background-image:url("../images/login_button.gif");
	width:61px;
	height:17px;
	font-size:0px;
	border-width:0px;

}

#footer {

	background-image:url("../images/associates_bckg.gif");
	height:33px;!important
	height:45px;
	background-repeat:repeat-x;
	padding-top:12px;
	padding-bottom:0px;
	margin-top:0px;!important
	margin-top:10px;
	margin-bottom:-10px;
	padding-left:10px;
	margin-left:-10px;
	margin-right:-10px;
	overflow:hidden;

}

#footer span{

	font-weight:bold;
	color:#333333;
	padding-right:30px;

}

#footer a{

	padding-right:20px;

}

#copyright{

	height:69px;
	background-image:url("../images/bckg_bottom.jpg");
	background-repeat:no-repeat;
	width:770px;
	font-size:10px;
	color:#717171;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-left:20px;
	background-color:#F2F2F2;

}

#reno{

	float:left;
	margin-left:210px;
	width:220px;
	height:30px;
	background-image:url("../images/reno.png");
	background-repeat:no-repeat;
	background-position:right;

}

#copsoft{

	float:left;
	width:300px;
	background-position:right;
	background-image:url("../images/logo.png");
	background-repeat:no-repeat;

}

#news{

	margin-top:10px;
	float:left;

}

#news1{

	width:320px;
	float:left;
	margin-bottom:10px;
	background-image:url("../images/textbox_bottom.gif");
	background-repeat:no-repeat;
	background-position:bottom;


}

/*************************************************************************************************************************

N.B. 

Pour tous les "div" contenus dans les "id" portant le nom de "news" suivi d'un numéro, la modification des paramètres "height" et "overflow" est variable selon le choix de l'utilisateur, dépendamment de s'il souhaite que les boîtes s'étirent ou non à l'ajout du texte

**************************************************************************************************************************/

#news1 div{



	background-image:url("../images/icon_advertisement.gif");
	background-repeat:no-repeat;
	background-position:215px;
	height:150px;
	padding-right:115px;
	padding-left:10px;
	padding-top:10px;
	overflow:hidden;
	font-size:12px;
	border:1px #CCCCCC solid;
	border-bottom-width:0px;
	border-top-width:0px;
	margin-bottom:10px;
}

#news2{

	width:320px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url("../images/textbox_bottom.gif");
	background-repeat:no-repeat;
	background-position:bottom;

}

#news2 div{

	background-image:url("../images/icon_advertisement.gif");
	background-repeat:no-repeat;
	background-position:215px;
	height:150px;
	padding-right:115px;
	padding-left:10px;
	padding-top:10px;
	overflow:hidden;
	border:1px #CCCCCC solid;
	border-top-width:0px;
	font-size:12px;
	border:1px #CCCCCC solid;
	border-bottom-width:0px;
	border-top-width:0px;
	margin-bottom:10px;

}


#news3{

	width:320px;
	float:left;
	margin-bottom:10px;
	background-image:url("../images/textbox_bottom.gif");
	background-repeat:no-repeat;
	background-position:bottom;

}

#news3 div{

	background-image:url("../images/icon_advertisement.gif");
	background-repeat:no-repeat;
	background-position:215px;
	height:150px;
	padding-right:115px;
	padding-left:10px;
	padding-top:10px;
	overflow:hidden;
	border:1px #CCCCCC solid;
	border-top-width:0px;
	font-size:12px;
	border:1px #CCCCCC solid;
	border-bottom-width:0px;
	border-top-width:0px;
	margin-bottom:10px;

}


#news4{

	width:320px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url("../images/textbox_bottom.gif");
	background-repeat:no-repeat;
	background-position:bottom;

}

#news4 div{

	background-image:url("../images/icon_advertisement.gif");
	background-repeat:no-repeat;
	background-position:215px;
	height:150px;
	padding-right:115px;
	padding-left:10px;
	padding-top:10px;
	overflow:hidden;
	border:1px #CCCCCC solid;
	border-top-width:0px;
	font-size:12px;
	border:1px #CCCCCC solid;
	border-bottom-width:0px;
	border-top-width:0px;
	margin-bottom:10px;

}


h2{

	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	padding-bottom:15px;

}


#info1 {

	background-image:url("../images/infobox_template.gif");
	background-repeat:no-repeat;
	float:left;
	font-style:italic;

}

#info1 div {

	width:210px;!important
	width:320px;
	height:98px;!important
	height:178px;
	padding:40px 70px 40px 40px;
	float:left;
	background-image:url("../images/icon_info.gif");
	background-position:270px;
	background-repeat:no-repeat;
	overflow:hidden;
}

#info2 {

	background-image:url("../images/infobox_template.gif");
	background-repeat:no-repeat;
	float:left;
	font-style:italic;
	margin-left:10px;

}

#info2 div {

	width:210px;!important
	width:320px;
	height:98px;!important
	height:178px;
	padding:40px 70px 40px 40px;
	float:left;
	background-image:url("../images/icon_info.gif");
	background-position:270px;
	background-repeat:no-repeat;
	overflow:hidden;
	
	
}


#news h1{

	width:310px;

}

#welcome h1{

	width:640px;

}

#text a{

	color:#07479D;

}

#text a:hover{

	text-decoration:none;

}

#searchbar a{

	color:#07479D;

}

#searchbar a:hover{

	text-decoration:none;

}