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


* {
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

#conteneur {
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0;
	width: 950px;
	height: 536px;
}

#logo {
	text-align:center;
	font-size: 36px;
	height: 48px;
	margin: 10px;
	color: #a8cbdb;
	margin-right: 125px;
}

#logo img {
	margin-top: 10px;
}

span.bleuaccueil, span.orange, span.rouge, span.magenta, span.rose, span.bleu {
	text-align:center;
	font-size: 40px;
	margin: 10px;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
}

span.bleu {
color: #a8cbdb;
}

span.bleuaccueil {
color: #89acba;
}

span.orange {
	color: #d57a23; /* c0330d */
}

span.rouge {
	color: #cc0e3a; /* 990600 */
}

span.magenta {
	color: #990085;
}

span.rose {
	color: #b5a5d5;
}

.date {
	font-weight: bold;
	color: #89acba;
	margin-bottom: 5px;
}

a img {
border: none;
padding: 5px;
}

p {
	margin-bottom: 10px;
}

SMALL, SUB, SUP {
font-size: .5em;
vertical-align: baseline;
position: relative;
bottom: 0.3em;
}

h1, h1 a {
	font-size: 15px;
	text-decoration: none;
	color: #FFF;
/*	text-align: center; */
	padding-left: 15px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

h2, h2 a {
font-size: 13px;
color: #6bb6cb;
text-align: right;
text-decoration: none;
}

h3, h3 a {
font-size: 11px;
color: #6bb6cb;
display: inline;
text-decoration: none;
}

h4 {
font-size: 15px;
color: #94bdd2;
}

h5 {
text-align: center;
font-size: 17px;
color: #fff; /* #a8cbdb */
/*letter-spacing: -0.1em;
word-spacing: 0.1em;*/
font-weight: normal;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

span {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

span.pagination {
	color:#FFF;
	font-size: 12px;
}

#cci {
	width: 90px;
	height: 50px;
	background: 1px solid #C03;
	margin: 20px 5px 0 120px;
}


.motcle {
	font-size: 14px;
	color:#FFF;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.motcle span {
	color:#FFF;
}

.motcle a {
	color:#FFF;
	text-decoration: none;
/*	text-decoration: blink; */
}

.motcle a:hover {
	color:#FFF;
	text-decoration: underline;
}

.site, .site a {
color: #FFF;
}

.siteaccueil, .siteaccueil a {
color: #a8cbdb;
}

.site, .siteaccueil {
	text-align: right;
}

.site a, .siteaccueil a {
	margin-right: 10px;
	text-align: right;
	text-decoration: none;
	font-size: 12px;
}

.site a:hover, .siteaccueil a:hover {
	text-decoration: underline;
}

.site img {
	float: left;
}

.siteaccueil img {
	vertical-align: middle;
}

/* MENU*/
#menu {
	width: 175px;
float: left;
font-size: 14px;
margin-right: 10px;
margin-top: 80px;
list-style: url(../image/puce-blanche.gif);
text-align: right;
}

#menu a {
	text-decoration: none;
	padding: 0 5px 0 25px;
	color: #333;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

#menu li.cyan a:hover, #menu li.bleu a:hover,  #menu li.orange a:hover,  #menu li.rose a:hover,  #menu li.magenta a:hover, #menu li.rouge a:hover {
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	list-style: url(../image/puce-blanche.gif);
	font-family: Arial, Helvetica, sans-serif;
}

#menu li.cyan a:hover {
	background: #94bdd2 url(../image/puce-blanche.gif) no-repeat 5px center;
}

#menu li.bleu a:hover {
	background: #005d9f url(../image/puce-blanche.gif) no-repeat 5px center;
	font-family: Arial, Helvetica, sans-serif;
}

#menu li.orange a:hover {
	background: #d44404 url(../image/puce-blanche.gif) no-repeat 5px center;
}

#menu li.rose a:hover {
	background: #b5a5d5 url(../image/puce-blanche.gif) no-repeat 5px center;
}

#menu li.magenta a:hover {
	background: #990085 url(../image/puce-blanche.gif) no-repeat 5px center;
	font-family: Arial, Helvetica, sans-serif;
}

#menu li.rouge a:hover {
	background: #cc0e3a url(../image/puce-blanche.gif) no-repeat 5px center;
}


#menu li.cyan2 a {
	background: url(../image/puce.gif) no-repeat 5px center;
	font-weight: bold;
}

#menu li.bleu2 a {
	background: url(../image/puce-bleu.png) no-repeat 5px center;
	font-weight: bold;
}

#menu li.orange2 a {
	background: url(../image/puce-orange.png) no-repeat 5px center;
	font-weight: bold;
}

#menu li.rose2 a {
	background: url(../image/puce-rose.png) no-repeat 5px center;
	font-weight: bold;
}

#menu li.magenta2 a {
	background: url(../image/puce-magenta.png) no-repeat 5px center;
	font-weight: bold;
}

#menu li.rouge2 a {
	background: url(../image/puce-rouge.png) no-repeat 5px center;
	font-weight: bold;
}

/* FIN MENU*/




/* OUTILS */
#outils {
	width: 431px;
	height: 217px;
	font-family: Arial, Helvetica, sans-serif;
	}
#titreoutils {
	width: 428px;
	height: 40px;
	margin-top: 3px;
	background-color:#00C;
}

#outils ul {
	margin-top: 15px;
}

#outils li, #accueil li {
list-style: url(../image/puce-big.gif);
font-size: 11px;
margin-left: 15px;
margin-bottom: 5px;
}

/* CONCEPT */

#concept {
	width: 431px;
	height: 228px;
	font-size: 13px;
}

#concept li {
list-style: url(../image/puce-orange-big.png);
font-size: 13px;
margin-left: 15px;
margin-bottom: 5px;
}

#concept p {
	margin-bottom: -10px;
}

/* QUI SOMMES NOUS */

#quisommesnous {
width: 431px;
height: 228px;
font-size: 13px;
}

#quisommesnous a {
	color: #013c8a;
	text-decoration: none;
}

#quisommesnous a:hover {
text-decoration: underline;
}

#contact {
font-size: 11px;
}

#accueil {
	font-size: 13px;
	padding: 10px;
	
}


/* ACTUALITES */

#actus, #uneactus {
width: 323px;
height: 194px;
font-size: 13px;
padding: 10px;
}

#actus a, #uneactus a {
	color: #013c8a;
	text-decoration: none;
}

#actus a:hover, #uneactus a:hover {
text-decoration: underline;
}

#actus img, #uneactus img {
float: left;
margin-right: 10px;
}

#actus img a, #uneactus img a {
border: none;
padding: 0;
}

#autresactus {
width: 180px;
height: 194px;
font-size: 13px;
padding: 10px;
}

#autresactus a {
color: #89acba;
}

#autresactus a:hover {
text-decoration: none;
}

#uneactus {
/* width: 556px; */
width: 500px;
}




.intro {
color:#FFF;
list-style: url(../image/puce-blanche-big.gif);
}

/* FORMULAIRES */
input:hover, textarea:hover {
background:#f0f490;
}

input, textarea {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
border: double;
border-color: #ccd231;
}

input[type=submit], input[type=reset] {
padding: 5px 15px;
background: #b5a5d5;	
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #FFF;
cursor:pointer;
border: none;
}

input[type=submit]:hover, input[type=reset]:hover {
padding: 5px 15px;
background: #9681c1;	
font-family:Arial, Helvetica, sans-serif;
color: #FFF;
border: none;
}

input[type=submit]:active, input[type=reset]:active {
padding: 5px 15px;
background: #6bb6cb;	
font-family:Arial, Helvetica, sans-serif;
color: #FFF;
border: none;
}

input[type=checkbox] {
margin: 5px;
}


#btnformulaire {
	background: #ccd232;
	text-align: center;
	padding: 5px 0px;
	font-weight: bold;
	color:#FFF;
	display: inline;
}

#btnformulaire a {
color:#FFF;
	padding: 5px 10px;
}
 
#btnformulaire a:hover {
text-decoration: none;
background: #bbc20f;
	padding: 5px 10px;
}

/* FORMULAIRES */


#actu a {
font-size: 11px;
margin-bottom: 5px;
}

#actu a {
color: #6bb6cb;
}

#actu a:hover {
color: #477d99;
text-decoration:none;
}

#actu {
padding: 10px;
font-size: 11px;
}

.imggauche {
float: left;
margin-right: 10px;
}

.imgdroite {
float: right;
margin-left: 10px;
}

.cci-grand-lille {
	position: absolute;
	left: 130px;
	top: 336px;
	height: 97px;
	width: 149px;
}

.espace-textile {
	position: absolute;
	left: 131px;
	top: 436px;
	width: 149px;
	height: 66px;
	cursor:pointer;
}

.legende {
	font-size: 10px;
}

.lienslogo {
	text-align: right;
	margin-top: 160px;
}

.lienslogo img {
	float: right;
	margin-right: 10px;
}