/* CSS Document */


/***********************************************/
/*  Control sur les balises HTML  de bases     */
/***********************************************/ 


body {
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Arial,sans-serif;
	background-color:#304754;
	color: #333333;
	font-size: 12px;
	line-height: 1.166;	
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a{
	color: #006699;
	text-decoration: none;
}

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

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 110%;
 color:#33CCCC;
 margin: 0px;
 padding: 0px;
 border-bottom:1px solid #cccccc;
}



ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}
/*------------------------------------debut des balises div -------------------------------------*/

#enveloppeGlobale {
     margin-left: auto;
     margin-right: auto;
     width:650px;
     text-align: left;

}

#tete {
	height:150px;
	background-image:url(../images/tp1_tete1.jpg);
	background-repeat:no-repeat;
	border:1px:;
}

#menuEnveloppe {
	height:10px;
	padding:10px;
	background-image:url(../images/tp1_motifmenu.jpg);
	background-repeat:repeat-y;
}

#contenu {
	background-image:url(../images/tp1_motiffond1.jpg);
	background-repeat:repeat-y;
	padding:10px;
}

#pied {
	padding-top:10px;
}
#base {
	background-image:url(../images/tp1_motifpied.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#entete {
	
	border-bottom:1px solid #cccccc;
}
#langues{
	width:150px;
	border-right:1px solid #cccccc;
	float:left;
	font-size:80%;
}
#chemin{
	float:left;
	width:450px;
	padding-left:10px;
	font-size:80%;
	color:#999999;
}
#rubrique {
	float:left;
	width:140px;
	border-right:1px solid #cccccc;
	padding:5px;
	padding-top:10px
}

#corpPage{
	float:left;
	padding:10px;
	width:450px;
	
}
/*-------------------------rubrique de news--*/
.blocNews{
	background-image:url(../images/tp1_rubriquefondpied1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:25px;

}
.teteNews{
	background-image:url(../images/tp1_rubriquefondtete1.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.blocNewsContenu{
	font-size:95%;
	text-align:center;
	padding-left:5;
	padding-right:5;
}
.blocNews h1{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color:#33CCCC;
 margin: 0px;
 padding: 0px;
 border-bottom:1px solid #cccccc;
}

/*---------------------text courant----------------------*/
#titre{
	font-size:16px;
	color:#33CCCC;
	line-height:1.25;
	border-bottom:1px solid #cccccc;
}
#chapeau{
	padding-top:10px;
	padding-bottom:20px;
	color:#336699;
	font-size:11px;
	border-bottom:1px solid #cccccc;
	line-height:0.95;
	
}

.articleContenant{
	padding-top:10px;
	border-bottom:1px solid #cccccc;
}
.articleTitre{
	padding-top:10px;
	color:#336699;
	font-weight:bolder;
}

.articleSignature{
	padding-bottom:10px;
	padding-left:20px;
	font-size:11px;
	background-image:url(../images/bullet_04.png);
	background-repeat:no-repeat;
	color:#333333;
	font-weight:bolder;
}

.fr{

	border:1px solid #cccccc;
	background-color:#666666;
}
.us{

	border:1px solid #cccccc;
	background-color:#666666;
}
/*-------------------menu horizontal-------------------*/
/*--------------------formes---------------------------*/
.csc-mailform-field{
clear:both;
padding-bottom:10px;
text-aligne:rigth;
float:right;

}
/*------------------------------------------------------*/
#menu {
	display: block;
	text-align:center;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	background-image:url(../images/go-next.gif);
	background-repeat:no-repeat;
	background-position:0px 50%;
}




#menu a {
	display: block;
	padding: 4px 5px 5px;
	text-decoration: none;
	text-align: center;
	color: #000000;
	padding: 4px 15px 5px;
}
#menu li a:hover {
	color: #FFFFFF;
	background-image:url(../images/go-jump.gif);
	background-repeat:no-repeat;
	background-position:0px 50%;
}

#menu a:visited{
	color: #000000;
	text-decoration: none;
}

#menu a:link{
	color: #000000;
	text-decoration: none;
}

#menu li:hover>a {
	color: #000000;
}

#menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
#menu li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}


/*----------------- info pied de page----------------*/

#infoSite{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 5px 5px 5px 5px;
}

#infoSite img{
	padding: 1px 4px 1px 10px;
	vertical-align: middle;
}