/*
	(c) http://www.projet-city.org/
		Réalisé par Xethorn le  :	6 Juin 2003
		Dernière mise à jour le	: 	10 Mars 2003
	------------------------------------------------------
	Cette feuille de style appartient au Projet-City
	et n'est pas libre de droit ce qui implique que :
	- vous n'avez pas le droit de la réutiliser.
	- vous n'avez pas le droit de la distribuer ou de la
	  vendre.
	------------------------------------------------------
*/
body {
	color:#000;
	background-color:#fff;
	text-align : center;
	}
#gauche { margin-left:5px;padding : 0px;float:left;width :22%; }
form {
	margin:0;
	padding:0;
	}
#newsplus {
     background-color : #F5F8FC;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    border : 1px solid #C8D9EE;
    padding : 1px 1px 2px;
    -moz-border-radius : 0px 0px 10px 0px;
}

#newsplus h1 {
    font-size : 12px;
    font-weight : bold;
    margin : 2px 0 1px;
    border-bottom : 1px solid #CBDCED;
	border-top: 1px solid #CBDCED;
    color : #003399;
    background-color : #FFFFFF;
    font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-transform : uppercase;
    text-align : center;
}
#newsplus a {
    color : #003399;
    text-decoration : none;
    display : inline;
    border : 0px;
    font-weight : bold;
}

#newsplus a:hover {
    color : #FF9933;
    text-decoration : underline;
    display : inline;
    border : 0px;
    font-weight : bold;
}

#liensprimaires {
    background-color : #F7F9FD;
    border-bottom : 1px solid #A8D3FF;
    font-family : "Trebuchet MS", Verdana, serif;
    font-size : 12px;
}

#liensprimaires a {
    color : #003F7D;
    margin-right : 5px;
    margin-left : 5px;
    padding-right : 4px;
    padding-left  : 4px;
}

#liensprimaires a:hover {
    border-bottom 	:	4px solid #DBE4EE;
	border-left		:	1px solid #DBE4EE;
	border-right	:	1px solid #DBE4EE;
	padding-left	:	3px;
	padding-right	:	3px;
	background-color:	#fff;
	color			:	#000;
	-moz-border-radius:0px 0px 10px 10px;
}

#liensprimaires li,#liensprimaires form {
     display : inline;
}

#liensprimaires ul {
     margin : 0;
    padding : 0;
}

#liensrapides {
    margin : 0px;
    padding : 4px 4px 1px;
    list-style-type : none;
    font-weight : bold;
    font-style : normal;
    color : #333333;
    background-color : transparent;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #ACC8E3;
    font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    text-align : right;
}

#liensrapides a:hover {
    font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    color : #FF0000;
    text-decoration : underline;
}

#liensrapides a {
    font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #333333;
}

.titre {
    font-family : Georgia, "Times New Roman", Times, serif;
    font-size : 34px;
    font-weight : normal;
    color : #000000;
    background-color : transparent;
    padding : 0.2em;
    top : 10%;
}

.titre:first-letter {
     color : #FF8000;
    background-color : transparent;
}

#article, #forum {
    color : #000000;
    background-color : #eff4fa;
    border : 1px solid #9cb4ce;
    margin : 0 0 10px;
    padding : 0.5em 1em;
    font-size : 10px;
    font-family : "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size : 12px;
	-moz-border-radius:8px;
}


#article strong,#forum strong {
    color : #003399;
    background-color : transparent;
    font-weight : bold;
}

#article .info a {
     color : #000000;
    background-color : transparent;
    text-decoration : underline;
}

#article .info a:hover {
     color : #006699;
    border-bottom-width : 0px;
    border-bottom-style : inset;
    border-bottom-color : #000000;
    background-color : transparent;
}

#article #select {
     font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    margin : 3px;
}

#article .info strong {
     font-size : 13px;
    color : #333333;
    border-bottom-width : 2px;
    border-bottom-style : solid;
    border-bottom-color : #C2D7EB;
    margin-bottom : 2px;
}

#article .info ol {
    margin 			: 5px;
    list-style-type : none;
    border-left 	: 2px solid #FF8040;
    padding-left 	: 5px;
}
#article .info ol a {
	text-decoration	: none;
}
#article .info, #article .boite {
    background-color 	: #ffffff;
    border 				: 1px solid #d6e1ec;
    color 				: #000000;
    margin-top 			: 5px 10px 5px 10px;
    padding : 5px;
	-moz-border-radius:0px 10px 0px 10px;
}

#article thead {
     background-color : #d6e1ec;
    color : #336699;
}

#article table , #article td {
    border-collapse : collapse;
    border : 1px solid #A2C2E1;
 	vertical-align:top;
}

#article table {
     margin-top : 10px;
    margin-bottom : 10px;
    margin-left : 2%;
    margin-right : 2%;
    width : 96%;
}

#article table a{
    color : #000000;
    background-color : transparent;
}

#article table a:hover{
     text-decoration : underline;
}

#article h1 {
    font-size : 19px;
    color : #689ACC;
    background-color : transparent;
    font-family : "Trebuchet MS", "Times New Roman", Times, serif;
	border-bottom:1px solid #699ACC;
    font-weight : bold;
    margin-bottom : 5px;
	margin-top:0;
}

#article h2 {
     margin : 10px 0 5px 0;
    color : #6699CC;
    background-color : transparent;
    font-family : "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size : 16px;
    font-weight : bold;
    border-top-width : 1px;
    border-top-style : dashed;
    border-top-color : #336699;
    padding-top : 5px;
}
#article h3 {
     color : #005BB7;
    margin : 15px 0px 0px;
    font-style : italic;
    font-size : 14px;
    border-right : 1px;
    border-bottom : 1px solid #BBD1E8;
    border-left : 1px solid #BBD1E8;
    padding-top : 0;
    padding-bottom : 0;
    padding-left : 10px;
    background-color : #FFFCF0;
}

#article .page {
    background-image	: url(../images/cours-page.png);
    background-repeat 	: no-repeat;
    padding-left 		: 23px;
    padding-right 		: 10px;
    margin-right 		: 10px;
    margin-left 		: 10px;
	border				: 1px solid #DBE4EE;
	border-left			: 4px solid #DBE4EE;
	-moz-border-radius	: 0px 8px 0px 0px;
 	background-color 	: #FBFCFD;
    color 				: #000000;
}

#article .page a {
    color : #333333;
    background-color : transparent;
}

#article .page a:hover {
     color : #26469B;
    background-color : transparent;
}


#article .link {
     text-decoration : none;
    color : #039;
    background-color : transparent;
    font-weight : bold;
}

#article .link:hover {
     color : #FF8040;
    text-decoration : underline;
}

#article .info img {
     text-align : center;
}

#article .source {
    background-color : #FBFCFD;
    color : #000000;
    margin : 0 10px 10px;
    font-family : "Courier New", Courier, mono,serif;
    font-size : 12px;
    overflow : auto;
 /* 
 	border-top : 1px solid #DBE4EEc;
    border-right : 1px solid #d6e1ec;
    border-bottom : 1px solid #d6e1ec;
    border-left : 5px solid #d6e1ec;
*/
	border				:	1px solid #DBE4EE;
	border-left			:	4px solid #DBE4EE;
	-moz-border-radius	:	0px 8px 0px 8px;
    padding-left 		: 	6px;
}

#article .telecharger {
     font-family : "Trebuchet MS", Verdana, serif;
    padding : 8px;
    border-top-width : 2px;
    border-top-style : solid;
    border-top-color : #d6e1ec;
}

#article .telecharger a {
     border : 1px dashed #DBE4EE;
    color : #333;
    padding : 4px;
    font-weight : bold;
}

#article .telecharger a:hover {
     color : #3D6083;
    background-color : #FFFFFF;
    border : 1px solid #d6e1ec;
}

#actualite .h1 {
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #336699;
    font-size : 19px;
    color : #336699;
    background-color : transparent;
    font-family : Georgia, "Times New Roman", Times, serif;
    font-weight : bold;
    margin-bottom : 5px;
}

#article .logo h1 {
     color : #333333;
    border-bottom-width : 5px;
    border-bottom-style : solid;
    border-bottom-color : #F0F8FF;
    text-decoration : none;
    font-family : "Trebuchet MS", Verdana, Tahoma, sans-serif;
    text-align : center;
    margin-right : 25%;
    margin-left : 25%;
}
#info-page {
	background-color:#FFFFFF;
	border:1px solid #DBE4EE;
	border-bottom:5px solid #DBE4EE;
	margin:10px;
	padding:3px;
	-moz-border-radius:10px;
	background-image: url(../images/cours/infos.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
#info-page h1 {
	color:#003399;
	font-size:13px;
	font-family:"Trebuchet MS",Verdana, Tahoma, sans-serif;
	background-color:transparent;
	border-bottom-color:#DBE4EE;
	}
#info-page a {
	color:#000000;
	background-color:transparent;
	border-bottom:1px solid #CCC;
	}	
#info-page a:hover{
	color:#FF0000;
	background-color:transparent;
	border-bottom:1px solid #FF0000;
	}
#info-page ul, #info-page li {
	list-style:inherit;
	list-style-type:none;
	padding:0;
	margin:0;
	}
#info-page .description {
	border-top:1px solid #DBE4EE;
	}
.hr,.clear {
    display : block;
    clear : both;
    visibility : hidden;
	text-size:0em;
	height:1px;
}
.boite .bloc {
     background-color : #FFF3E8;
    border : 1px dotted #FFE1C4;
    padding : 2px;
}

.boite a {
     color : #A6C4E1;
}

.boite a:hover {
     text-decoration : overline;
    color : #FF8040;
}

#article .boite-titre {
     font-family : Geneva, Arial, Helvetica, sans-serif;
    font-size : 14px;
    color : #FF8040;
    margin : 0px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #FF8040;
    border-top : 0px;
    border-right : 0px;
    border-left : 0px;
    background-color : transparent;
    font-weight : bold;
    font-style : normal;
}

.applications .description {
     border-bottom : 1px solid #FFCD9F;
}

html > body .applications .texte {
     float : left;
    width : 70%;
}

html > body.applications .description {
     float : right;
    width : 25%;
    border : 0px;
}

.applications .appstitre a {
     color : #FF8040;
}

.applications .appstitre:hover {
     background-color : #FFF7F2;
}

.logo {
     font-family : "Trebuchet MS", Georgia, Arial, sans-serif;
    font-size : 15px;
    color : #333333;
    background-color : #FFFFFF;
    background-color : #ffffff;
    border : 1px dashed #d6e1ec;
    text-align : center;
    margin : 0 10px 10px;
}

.imgnews {
     float : left;
    margin : 3px;
}

img {
     border : 0 none ;
}

.imginfo {
     vertical-align : middle;
}

.divcenter {
     text-align : center;
}
input,textarea,select {
    background-color : #F7F9FD;
    color : #000000;
    border-top : 1px solid #A9C0D8;
    border-right : 1px solid #A9C0D8;
    border-bottom : 1px solid #A9C0D8;
    border-left : 3px solid #87A8C9;
    padding-left : 3px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

input:hover,input:focus,textarea:hover,textarea:focus,select:hover,select:focus {
     background-color : #F7F9FD;
    color : #000000;
    border-top : 1px solid #006699;
    border-right : 1px solid #006699;
    border-bottom : 1px solid #006699;
    border-left : 3px solid #006699;
}

.info h5 {
     font-family : Arial, Helvetica, sans-serif;
    font-size : 14px;
    color : #333333;
    margin : 2px;
}

.info blockquote {
     margin-top : 0px;
    margin-bottom : 5px;
    margin-left : 5px;
    border-left-width : thin;
    border-left-style : solid;
    border-left-color : #CCCCCC;
    padding-left : 5px;
}

.info h2 {
    border-left-width : 5px;
    border-left-style : solid;
    border-left-color : #CCCCCC;
    margin : 0px;
    padding-left : 5px;
}

.zone {
     font-style : oblique;
    color : #CCCCCC;
    background-color : transparent;
    font-size : 30px;
    font-family : Georgia, "Times New Roman", Times, serif;
}

#englobe {
    width : 800px;
    border : 1px solid #D6E1EC;
    text-align : left;
    margin-left : auto;
    margin-right : auto;
}

a {
     text-decoration : none;
}

#contenu {
    float : right;
    width : 74%;
    margin : 7px;
}

#menu {
    margin-bottom : 1em;
    font-family : Geneva, Arial, Helvetica, sans-serif;
    font-size : 11px;
    margin-top : 10px;
}

#menu ul {
    margin : 0px 0px 1em 0px;
    padding : 0px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

#menu li {
    margin : 0px;
    list-style-type : none;
    padding : 0px;
	display:inline;
}

#menu a {
     padding : 0;
    display : block;
    padding-left : 1em;
    color : #3F7CBA;
    background-color : transparent;
	border : 1px solid #eff4fa;
    border-left : thick solid #eff4fa;
}

#menu a:hover {
    color : #004262;
    background-color : #eff4fa;
    border-left : thick solid #336699;
}

#menu h2 {
     font-size : 12px;
    font-weight : bold;
    margin : 0;
    border-bottom-width : 2px;
    border-bottom-style : solid;
    border-bottom-color : #6699cc;
    color : #006699;
    background-color : transparent;
    font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#listing, #co {
     background-color : #FFFFFF;
    color : #646464;
    border : 1px solid #d6e1ec;
    margin : 10px;
    padding : 10px;
}

#listing a {
     font-family : "Trebuchet MS", Verdana, Arial, sans-serif;
    color : #646464;
    background-color : transparent;
    border-left-width : 1px;
    border-left-style : dashed;
    border-left-color : #FF8000;
    padding-left : 3px;
}

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

#listing h1, #co h1 {
     font-family : "Trebuchet MS", Verdana, Arial, sans-serif;
    font-weight : bold;
    color : #333333;
    background-color : transparent;
    font-size : 15px;
    margin : 2px;
    text-decoration : none;
    border-bottom-width : 2px;
    border-bottom-style : solid;
    border-bottom-color : #FF8000;
	text-align:left;
}

#listing ul {
     margin-bottom : 10px;
    margin-top : 0px;
    margin-right : 0px;
    margin-left : 0px;
    list-style-type : none;
    padding-left : 20px;
    padding-bottom : 5px;
}

.imgd {
     position : relative;
    z-index : auto;
}

#actualite {
     margin-top : 10px;
}

#actualite h2 {
     color : #76A4D1;
    border-bottom : 1px solid #BCD2E9;
    font-size : 16px;
    font-weight : bold;
    margin : 0px 0px 3px 0px;
}

#actualite .bloc {
     color : #000000;
    background-color : #eff4fa;
    border : 1px solid #9cb4ce;
    margin : 0 0 10px;
    padding : 0.5em 1em;
    font-size : 10px;
    font-family : "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size : 12px;
}

#actualite .liens {
     padding-top : 5px;
    clear : both;
}

#actualite .liens a {
	color : #7DA0C4;
    background-color : #ffffff;
    border-top : 1px solid #d6e1ec;
    border-bottom : 1px solid #d6e1ec;
    border-right : 1px solid #d6e1ec;
    border-left : 5px solid #d6e1ec;
    padding-left : 10px;
    padding-right : 2px;
    margin-top : 2px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

#actualite .liens a:hover {
    color : #47739E;
    background-color : #F2F5F9;
    border-top : 1px solid #84A5C6;
    border-bottom : 1px solid #84A5C6;
    border-right : 1px solid #84A5C6;
    border-left : 5px solid #84A5C6;
}

#actualite .contenu {
     padding-left : 105px;
    background-repeat : no-repeat;
    background-position : left top;
    background-attachment : scroll;
}

#actualite .liste {
     height : 55px;
    overflow : auto;
}

#actualite h3  {
     color : #006699;
    margin : 0px;
    padding : 0px;
}

#liens {
	background-color:#FFFFFF;
	border:1px solid #DBE4EE;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #DBE4EE;
	margin:10px;
	padding:5px;
	-moz-border-radius:10px 10px 0px 0px;
}
#liens optgroup {
    background-color : #fff;
    color : #FF8000;
    font-style : normal;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    margin : 5px;
    border : 1px solid #EEE;
	-moz-border-radius:8px;
	padding:3px;
	background-image:url(../images/cours/courscat_small.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#liens option {
    background-color : transparent;
	border-left:2px solid #FF8000;
    color : #000000;
	margin-left:10px;
    padding-left : 2px;
    padding-right : 2px;
}
	
#liens a,#liens strong {
	border:1px solid #EEE;
	border-left:2px solid #DDD;
	border-bottom:2px solid #DDD;
	color:#999;
	background-color:#FFFFFF;
	margin-left:10px;
	padding:2px;
	font-family:Verdana, mono;
	-moz-border-radius:20px;
	font-size:9px;
	}	
#liens strong {
	color:#039;
	background-color:transparent;
	font-weight:normal;
	}
#liens a:hover {
	color:#000;
	}
#copyright {
    float : right;
    margin : 10px;
	-moz-border-radius:10px;
    position : static;
    width : 60%;
    border : 1px solid #CDD8E4;
    text-align : right;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    padding : 10px;
}
#copyright p { margin:2px;padding:0px;}
#copyright .img a {
    margin : 4px;
    border : 0;
}
#copyright .img {
	padding:2px;
}
#copyright .img a:hover {
     border : 0;
}

#copyright a {
    color : #333333;
    border-bottom : 1px solid #0080FF;
}

#copyright a:hover {
    color : #333333;
    border-bottom : 1px solid #088050;
    text-decoration : none;
}

#article fieldset {
    border : 1px solid #d6e1ec;
    background-color : #fff;
    color : #000;
}

#article fieldset legend {
    color : #FFFFFF;
    background-color : #689ACC;
    border : 1px solid #A9C0D8;
}

#article fieldset table,#article fieldset tr,#article fieldset td {
     border : 0px;
}

#article fieldset hr {
     height : 1px;
}

/* Commentaires */
html>body #co .co-info {
    float : right;
    -moz-border-radius : 0px 0px 10px 10px;
	margin-top:-5px;
    background-color : #DFEAF4;
    border-right : 1px solid #DFEAF4;
    border-bottom : 1px solid #DFEAF4;
    padding : 4px;
    display : block;
}

#co .co-info {
    color : #333333;
    font-family : Verdana, Arial, sans-serif;
    font-size : 11px;
    background-color : #F4F8FB;
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-top-style : solid;
    border-bottom-style : solid;
    border-top-color : #DFEAF4;
    border-bottom-color : #DFEAF4;
    margin : 2px;
}

#co h2 {
    margin-top : 0px;
    margin-bottom : 4px;
    padding : 2px;
    font-family : Verdana, Arial, sans-serif;
    font-size : 11px;
    text-transform : uppercase;
    text-align : left;
    text-decoration : none;
    border:0px;
	border-bottom:1px solid #DFEAF4;
}
#co .texte {
		border-left:1px dashed #DFEAF4;
		margin-left:5px;
		padding-left:5px;
	}
	
#article .commentaires .liens {
    border-top : 1px solid #D8E4F1;
}
#article .commentaires .link {
     text-decoration : none;
}

/* Forum */
#forum {
	margin:15px;
	margin-top:30px;
	padding:0px;
	border-color:#689ACC;
	-moz-border-radius:0px;
}
#forum h1 {
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#689ACC;
	background-color:transparent;
	margin:0px;
	margin-top:-30px;
	text-transform:uppercase;
	font-size:20px;
	position:absolute;
}
#forum h2 {
	background-color:#689ACC;
	color:#fff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	margin:0px;
}
#forum form {
	padding:2px;
}
#forum form textarea {
	margin-left:1%;
	width:97%;
}
#forum form label {
	float:left;
	width:30%;
	margin-left:1%;
	padding:1px;
	}
#forum form .champs {
	float:right;
	width:47%;
	padding:1px;
	margin-right:20%;
}
#forum form .champs input {
	width:200px;
}
#forum table {
	width:100%;
	background-color:#FFFFFF;
	vertical-align:top;
}
#forum .t-infos th {
	padding:2px;
	color:#fff;
	background-color:#689ACC;
	border:0px;
	vertical-align:top;
}
#forum .t-important th {
	background-color:#D0DFF0;
	color:#2E5B94;
	padding-left:20px;
	vertical-align:top;
}
#forum td  {
	background-color:#eff4fa;
	border-bottom:1px solid #CADAEE;
	vertical-align:top;
}
#forum table a {
	color:#333333;
	background-color:transparent;
	display:block;
}
#forum table a img {
	border:1px solid #EFA;
	-moz-border-radius:10px;
	padding:3px;
	vertical-align:top;
	background-color:#fff;
	color:#000;
}
#forum table a:hover {
	color:#689ACC;
	background-color:#EFA;
}
#forum tr {
	border-bottom:1px solid #CADAEE;
}
#forum tr:hover {
	border-bottom:1px solid #FFC000;
	-moz-border-radius:8px;
}
#forum-liens {
	padding:2px;
	margin-top:-18px;
	margin-left:540px;
	font-family:verdana,Arial,sans-serif;
	font-size:10px;
	position:absolute;
}
#forum-liens li {
	display:inline;
}
#forum-liens a {
	border:1px solid #fff;
	padding:1px;
	color:#CADAEE;
	font-weight:bold;
	font-variant: normal;
}
#forum-liens a:hover{
	border:1px solid #CADAEE;
	color:#689ACC;
	background-color:#eff4fa;
	-moz-border-radius:3px 0px;
}