@charset "utf-8";
/* CSS Document */

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

tr, th, td
{
	vertical-align: top;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body.cnx
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center; background-position: top;
	
	background-image:url(fond.gif);
	background-position:center; padding:0px; margin:0px;	
	background-position: top;
}
.bg1
{
	background-image:url(fondcentre.gif);
	background-position:center; padding:0px; margin:0px;	
	background-position: top;
	margin:0px;
	padding:0px;
}
.bg2
{
	background-image:url(fond.gif);
	background-position:center; padding:0px; margin:0px;	
	background-position: top;
	margin:0px;
	padding:0px;
}


body.cnx img
{
	margin:0px;
	padding:0px;
	
}

.descMenu
{
	margin-top:52px;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 4px;
	text-align:left;
}

.descMenu a:link
{
	color:#FFFFFF;
	text-decoration:none;
}
.descMenu a:visited
{
	color:#EEEEEE;
	text-decoration:none;
}
.descMenu a:hover
{
	color:#EEEEEE;
	text-decoration:underline;
}


.grosBoutton
{
	width:200px;
	height:105px;
	float:left;
	cursor:pointer;
	color:white;
}

#menu_accueil
{
	width:200px;
	height:105px;
	background-image:url(images/accueil.jpg);
	float:left;
}
#menu_accueil:hover
{
	background-image:url(images/accueil_i.jpg);
}
#menu_accueil_hover
{
	background-image:url(images/accueil_i.jpg);
}

#menu_aristote
{
	background-image:url(images/aristote.jpg);
}
#menu_aristote:hover
{
	background-image:url(images/aristote_i.jpg);
}

#menu_client
{
	background-image:url(images/clients.jpg);
}
#menu_client:hover
{
	background-image:url(images/clients_i.jpg);
}
#menu_orbite
{
	background-image:url(images/orbite.jpg);
}
#menu_portfolio
{
	background-image:url(images/portfolio.jpg);
}
#menu_orbite:hover
{
	background-image:url(images/orbite_i.jpg);
}

#menu_contact
{
	background-image:url(images/contacts.jpg);
}
#menu_contact:hover
{
	background-image:url(images/contacts_i.jpg);
}
#menu_void
{
	width:50px;
	height:105px;
	background-image:url(images/menu_void.jpg);
	float:left;
}
#zoneContenu
{
	background-color:white;
	background-image:url(fondgauche.gif);
	background-repeat:repeat-y;

	position:relative;
	clear:both;
	width: 850px;
	margin: auto;
}

#zoneGauche
{
	position:relative;
	color:#587788;
	left: 0px;
	top: 0px;
	float: left;
	text-align: left;
	background-color:# e8e8e8;		
}
#zoneMenu
{

}
#zoneMenu p
{
	margin-bottom:22px;
}



#zoneDroite
{
	padding:8px;
	margin-left:230px;
	font-size:12px;
	line-height:22px;
	
	text-align: left;
	background-repeat:repeat-y;
	
	min-height: 500px

}
#zoneDroite p
{
	margin-bottom:22px;
}
#zoneDroite strong
{
	color:#003366;
}
#zoneDroite .interstice
{
	font-size:10px;
	color:#006699;
	line-height:14px;
}
#zoneDroite h1
{
	margin-bottom:22px;
	font-size:14px;
	font-weight:bold;
	color:#006699;
}

#zoneDroite h1 a:link, 
	#zoneDroite h1 a:visited	
{
	color: #006699;
}
	
#zoneDroite h2
{
	margin-top:22px;	
	margin-bottom:22px;
	font-size:13px;
	font-weight:bold;
	color:#008000;
}

#zoneDroite h3
{
	margin-bottom:22px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

#zoneDroite h4
{
	margin-top:22px;
	margin-bottom:22px;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	color:#000000;
}

#zoneNouvelles
{
	background-image:url(images/fondd.gif);
	background-repeat:repeat-y;
	float:right;
	background-color:#f6f6f6; 
	width:200px; 
	padding-left:12px;
	padding-right:8px;
	padding-top:8px;
	border-bottom:1px solid #C0C0C0;
	margin-top:-4px;
	margin-right:-12px;
	font-size:10px;
	line-height:14px;
}
#zoneNouvelles .date
{
	font-weight:bold;
}


#pied
{
	background-image:url(images/pied.jpg);
	height:34px;
	clear: left;
}

.bordure_texte
{
	border:2px dotted #006699;
	padding:4px;
}

/*
	Styles pour les menus de droite

*/


div.menu 
{
	padding-left: 8px;
	padding-top: 8px;
	line-height:18px;
	font-size:12px;
	color:#006699;
}


.menu ul
{
	
}

.menu li
{
	border-bottom: 1px solid #c0c0c0;
	margin-top:16px;
}
/* damn ie */
.menu-hover
{
	background-color: #d0d0d0;
}
/*
.menu li:hover
{
	background-color: #d0d0d0;
}
*/

.menu li a
{
	display: block;
}
.menu a:link
{
	color:#587788;
	text-decoration:none;
}
.menu a:hover
{
	text-decoration:none;
}
.menu a:visited
{
	color:#587788;
	text-decoration:none;
}


.entete_menu
{
	height:16px; 
	color:white;
	padding-left:10px;
	padding-top:3px;
	color:white;
	font-size:12px;
	vertical-align:bottom;
}

#divMenu ul, .menu ul, #divMenu li,.menu li
{
	padding:0px;
	list-style:none;
}


ul
{
	padding-left:20px;
}
li
{
	list-style:circle;

}

.lienbas:link, .lienbas:hover, .lienbas:visited
{
	font-size:10px;
}

#resume
{
		color: gray;
		border: 2px #587788 solid; width: 594px
		padding-left: 8px;
}

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

#resume a:link 
{
	color:  #0066cc;
	text-decoration: none;
}

#resume h2
{
	margin-bottom: 4px;
}

.SujetsConnexes a:visited
{
	color:  #336699;
	text-decoration: none;
}

.SujetsConnexes a:link 
{
	color:  #0066cc;
	text-decoration: none;
}