/*/////////////////////////////////////////=- styles général -=/////////////////////////////////////////*/

a:link,a:active,a:visited {
	text-decoration: none;
	/*color : #505050;*/
	color : #13b3d5;
}
a:hover	{ 
	text-decoration: none;
	color: #3E3E3E;
}

td	{ 
	font-family:Century Gothic;
	font-size:90%;
}

.contenu {
  font-size : 100%;
 
}

table {
	border: 1px solid #CFCFCF;
}

hr {
color: #C3C3C3;
background-color: #C3C3C3;
height: 1px;
border: 0;
}

/*/////////////////////////////////////////=- Styles prototype Cosix -=/////////////////////////////////////////*/

/*/////////////////////////////:- AFFICHAGE -://///////////////////////////*/

.ariane {
  font-size : 100%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  padding-left: 25px;
}

.footer {
  font-size : 110%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  padding-left: 5px;
  padding-right: 5px;
  text-align:center;
}
.footer a{
  font-size : 110%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  color:#333333;
}
.footer a:hover{
  font-size : 110%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  color:#2270E2;
}

/*/////////////////////////////:- ACTUALITES -://///////////////////////////*/

.tableau_actu {
	border: 1px solid #C3C3C3;/*#C8C8C8;*/
	background:url(../images/actus/corner_actus.png) top -5px left -5px no-repeat;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 25px 15px 15px 35px;
}
.titre_actu {
  font-size : 140%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #11b2c8;
}
.titre_actu a {
  font-size : 120%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #11b2c8;
}

.titre_actu a:hover {
  color: #acdc28;
}

.texte_actu {
  font-size : 110%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  color: #454545;
  text-align:justify;
}

.date_actu {
  font-size : 130%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #c2c2c2;
}

.plus_actu a {
  font-size : 110%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  color: #11b2c8;
}

.plus_actu a:hover {
  font-size : 110%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  color: #acdc28;
}

.pages_actu {
	border: 1px solid #E1E1E1;/*#C8C8C8;*/
	color:#717171;
	font-size:12px;
}

/*/////////////////////////////:- EVENEMENTS -://///////////////////////////*/

.tableau_event {
	border: 1px solid #E1E1E1;/*#C8C8C8;*/
	background-color: #FBFAF8;
	margin-top: 5px;
	margin-bottom: 5px;
}

.titre_event {
  font-size : 130%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #11b2c8;
}

.date_event {
  font-size : 110%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #949494;
}

.lieu_event {
  font-size : 110%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #acdc28;
}

.org_event {
  display: list-item;
  list-style-image: url(../images/puce_fleche.png) no-repeat;
  padding-left: 2px;
  margin-left: 20px;
  font-size : 120%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  color: #454545;
}

.descriptif_event {
  font-size : 110%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  color: #454545;
}


.encadre_event {
	background:url(../images/agenda/bg_agenda.png) no-repeat;
	padding-left: 40px;
	padding-top: 25px;
	padding-right:20px;
	max-height: 252px;

}

.choix_event {
  font-size : 100%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  color: #454545;
}


.newsletter {
	background:url(../images/bg_newsletter.png) no-repeat;
}

.newsletter_saisie {
	margin-left: 25px;
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
}

.tag_recherche {
	background:url(../images/bg_recherche.png) no-repeat;
}

.saisie_recherche {
  font-size : 130%;
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  color : #000000;
  margin-left: 20px;
}


/*/////////////////////////////:- CONTACT -://///////////////////////////*/

.tableau_contact {
	border: 1px solid #E1E1E1;/*#C8C8C8;*/
	background-color: #FBFAF8;
	margin-top: 5px;
	margin-bottom: 5px;
}

.titre_contact {
  font-size : 130%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #11b2c8;
}

.champ_contact {
  font-size : 95%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  color: #333333; 
}

.civilite_contact {
  font-size : 90%;
  font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
  background-color: #e1e1e1;
  color : #000000;
}


/*/////////////////////////////////////////=- styles charte -=/////////////////////////////////////////*/
.tab_menu_gauche {
  background-color: #F6F5F5;
}
.rub0 {
  font-size : 110%;
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.rub1 {
  font-size : 90%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #000000;
}

.rub2 {
  font-size : 68%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #000000;
}

.rub3 {
  font-size : 46%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #000000;
}

.rub4 {
  font-size : 120%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #000000;
}

.saisie {
  font-size : 120%;
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  color : #000000;
}

.content_color {
  font-size : 75%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  color : #888888;
}

.carac_tech {
  font-size : 75%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #3161EC;
}

.veh_noa {
  font-size : 75%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #FFFC00;
}

.titre_veh {
  font-size : 98%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #ffffff;
}

.titre_black {
  font-size : 113%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #3462BF;
}


.titre_info {
  font-size : 90%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #636361;
  background-color: #DFDFDF ;
}


.titre_info2 {
  font-size : 90%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #FFFFFF;
  background-color: #3462BF ;
}
.pixblack {

	border: 1px solid #000000;
	background-color: #F1F0ED;
}
.pixwhite {

	border: 0px solid #000000;
	background-color: #FFFFFF;
}
.pixblue {

	border: 2px solid #3462BF;
	background-color: #FFFFFF;
}
.event {

	border: 2px dashed #000000;
	background-color: #FFFFFF;
}

.ss_rub {
  font-size : 113%;
  font-weight: bold;
  font-family:Century Gothic, Arial, Helvetica, sans-serif;
  color : #888888;
  }
.menu_gauche {
  font-size : 98%;
  font-weight: bold;
  font-family: Century Gothic, trebuchet ms, Arial, Helvetica, sans-serif;
  color : #888888;
}

/*/////////////////////////////////////////=- styles contenu -=/////////////////////////////////////////*/

.td {
background:URL(images/bckg_contenu.gif);
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#FFFFFF;
}

.texto {
  font-size : 75%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
.textcolon {
  font-size : 75%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
}
.textgras {
  font-size : 90%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#000000;
}
.textgrashaut {
  font-size : 90%;
  font-family: Century gothic, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  text-transform:uppercase;
}

.titre {
  font-size : 160%;
  font-family: Century Gothic, verdana, Arial, Helvetica, sans-serif;
  color:#8e0707;
}

.titretech {
	color: #FFFFFF;
	font-weight: bold;
}
.titre_blanc {
  font-size : 128%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#FFFFFF;
  text-transform:uppercase;
}

.soustitre {
  font-size : 113%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  color: #688BA8;
  font-weight: bold;
  font-style:italic;
}

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

.titretableau {
  font-size : 75%;
  font-family:Century Gothic, Arial, Helvetica, sans-serif;
  color:#858484;
  background-color:#E1E1E1;
  padding-left:5px;
  padding-right: 5px;
  
}
.table {
	border: 1px solid #E1E1E1;/*#C8C8C8;*/
	background-color: #FFFFFF;
}

.actus_titre {
  font-size : 128%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  color: #2270e2;
}

.actus_titre2 {
  font-size : 90%;
  font-family: Century Gothic, trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #333333; 
}

.actus_titre3 {
  font-size : 105%;
  font-family: Century Gothic, trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #464141; 
}
.recherche {
  font-size : 105%;
  font-family: Century Gothic, trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #ffffff; 
}

.tableau_actu1 {
  background-color: #717071 ;
}

.tableau_actu2 {
  background-color: #FFFFFF ;
}

.tableau_actu3 {
  background-color: #E6F2FE ;
}

.tableau_veh {
  border: 1px solid #000000;
  background-color: #D9ECFF ;
}


.tab_content {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #034380;
}


.formulaire_contenu {
  font-family: Century Gothic, verdana;
  font-size: 90%;
  font-weight: normal;
  color: #16246C;
  text-decoration: none;
  background-color: #FFFFFF ;
  border-bottom-color: #666666;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-left-color: #666666;
  border-right-color: #666666;
  border-right-width: 1px;
  border-top-color: #666666;
  border-top-width: 1px;
}

.document {
	border: 1px solid #E1E1E1;/*#C8C8C8;*/
	background-color: #FBFAF8;
}

/*/////////////////////////////////////////=- styles Messages de sortie -=/////////////////////////////////////////*/

.sortie_ok {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	background-color: #F1F0ED;
        color : #009900;
}

/*///////////////////////////////////////=- panier*=//////////////////////////*/

.total_panier {
  font-size : 105%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #58A7F1;
}

.tab_panier {

	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #034380;
}

.texte_pan {
  font-size : 120%;
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  color : #13b3d5;
	
}

/*Example CSS for the two demo scrollers*/

#pscroller1{
	font-size: 10px;
	font-family: Century Gothic, verdana;
	color:#333333;
	width: 120px;
	height: 133px;
	padding: 5px;
	font-weight: bold;
	/*background-color: #F6F5F5;*/
}

.event_titre{ //class to apply to your scroller(s) if desired
}