BODY {
	BACKGROUND-ATTACHEMENT: fixed;
	BACKGROUND: #ffffff;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 8pt;
}
TABLE,TR,TD,P,DIV {
	COLOR: #000000;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 12pt;
}
A:HOVER {
	COLOR: #000000;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: underline | overline;
}
A:FOCUS {
	COLOR: #000000;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
}
A:LINK {
	COLOR: #000000;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
}
A:VISITED {
	COLOR: #000000;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
}
A {
	COLOR: #000000;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
}
.navigation {
	COLOR: #FFFFFF;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}
.navigation:HOVER, .navigation:FOCUS {
	COLOR: white ;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
.navigation2 {
	COLOR: gray;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}
.navigation2:HOVER, .navigation2:FOCUS {
	COLOR: black;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
#contenu_referencement_nouvelle { display:none; }
/*RESET*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, embed, object {	padding: 0;	margin: 0; 	}
table {	border-collapse: collapse;	border-spacing: 0;	}
fieldset, img, abbr {	border: 0;	}
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6,  th, var {	font-weight: normal;	font-style: normal;	}
caption, th {	text-align: left;	}
h1, h2, h3, h4, h5, h6 {	font-size: 1.0em;	}
q:before, q:after {	content: '';	}
a, ins {	text-decoration: none;	}

/*STRUCTURE*/
body {background:#ad966e url('http://www.ciar-lacalacroix.com/web/image/interface/fond_large.jpg') repeat-x top center; font-family:Arial;}
#wrap_main { width:100%; text-align:center; float:left;}
#main { width:850px; text-align:left; margin:0 auto;}
#header {width:850px; position:relative;}
#menup {width:850px; position:absolute; z-index:10; top:289px; left:0px;}
#logo {width:228px; position:absolute; z-index:9; top:66px; left:56px;}
#animation {width:766px;height:199px float:left; z-index:1; margin-left:84px;}
#content {width:850px; float:left; padding:20px 0 0 0;}
#wrap_footer {width:100%;background:#739e49 url('http://www.ciar-lacalacroix.com/web/image/interface/fond_footer.gif') repeat-x top center;text-align:center; float:left;}
#footer {width:850px; margin:0 auto; text-align:left; padding:25px 0 25px 0;}


/*MENU*/
#menup ul li {display:inline;float:left;}
#menup ul a {display:block; text-indent:-9999px;}  /*fait disparaître le texte */

/*normal*/
#mp_adhesion {background:url('http://www.ciar-lacalacroix.com/web/image/interface/menu_sprite.gif') no-repeat 0px 0px; width: 82px; height:59px ;}
#mp_boutique {background:url('http://www.ciar-lacalacroix.com/web/image/interface/menu_sprite.gif') no-repeat -82px -0px; width:79px; height:59px;}
#mp_commanditaires {background:url('http://www.ciar-lacalacroix.com/web/image/interface/menu_sprite.gif') no-repeat -161px 0px; width:132px;height:59px;}
#mp_interpretation {background:url('http://www.ciar-lacalacroix.com/web/image/interface/menu_sprite.gif') no-repeat -293px 0px; width:119px; height:59px;}
#mp_production {background:url('http://www.ciar-lacalacroix.com/web/image/interface/menu_sprite.gif') no-repeat -414px 0px ; width:130px; height:59px;}
#mp_zonescolaire {background:url('http://www.ciar-lacalacroix.com/web/image/interface/menu_sprite.gif') no-repeat -543px 0px ; width:79px; height:59px;}
#mp_renseignements {background:url('http://www.ciar-lacalacroix.com/web/image/interface/menu_sprite.gif') no-repeat -624px 0px; width:131px; height:59px;}
#mp_collection {background:url('http://www.ciar-lacalacroix.com/web/image/interface/menu_sprite.gif') no-repeat -755px 0px; width:95px; height:59px;}

/*hover*/
#mp_adhesion:hover  {background-position:-850px 0px;}
#mp_boutique:hover  {background-position:-932px 0px;} 
#mp_commanditaires:hover  {background-position:-1011px 0px;} 
#mp_interpretation:hover  {background-position:-1143px 0px;}
#mp_production:hover  {background-position:-1264px 0px;}
#mp_zonescolaire:hover  {background-position:-1393px 0px;} 
#mp_renseignements:hover  {background-position:-1474px 0px;}
#mp_collection:hover  {background-position:-1605px 0px;}

/*STYLES ÉLÉMENTS*/
h1 {font-family: Verdana; font-size: 26px; font-weight:normal; text-transform:uppercase;color:#322318; margin:0px 0 5px 0;}
h2 {font-family: Verdana; font-size: 14px; font-weight:bold;color:#7b2b08; margin:5px 0 5px 0;}
p {font-family:Verdana;font-size:12px;}
#contenu_texte a {font-family:Verdana;font-size:12px; text-decoration:none; color:#990000;}
#contenu_texte ol {font-family:Verdana;font-size:12px; margin-left:20px;}
li {font-family:Verdana;font-size:12px;}
#colonne_verte h1 {font-family: Verdana; font-size: 26px; font-weight:normal; text-transform:uppercase;color:#dfbd7d; margin:10px 0 5px 0;}
#colonne_verte h2 {font-family: Verdana; font-size: 14px; font-weight:bold;color:#dfbd7d; margin:5px 0 5px 0;}
#colonne_verte p {font-family:Verdana;font-size:12px; color:#c7b99e; }
#footer p {font-family:Verdana;font-size:10px; color:#322518;}


#div_collection ul.menu_collection {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#div_collection ul.menu_collection li {
	display:block;
	margin:0px 0px 0px 0px;
	padding:12px 10px 12px 45px;
	background:url(img/puce_real.jpg) 30px center no-repeat;
	border-bottom:1px solid #2c1b01;
	list-style:none;
	line-height:normal;
	color:#E8E122;
	font-size:10px;
}
#div_collection ul.menu_collection a {
	color:#fff;
}



/************** CAROUSEL **************/
.title { position:relative; left:20px; color:#ffffff;}
    #Workspace { width:850px; text-align:left; padding:2px; position:relative; }
    
    .example { margin-bottom:60px; }
	.articleLinks { position:relative; padding:20px; color:#fff; }
	.articleLinks a { color:#fff; }

    /* Data Viewer */
    #Viewer { margin-left:20px; border:2px solid #555555; width:320px; height:250px; background-color:#ffffff; padding:10px; width:510px; height:470px; }
    #Cmd_NextItem { position:absolute; right:0px; top:-20px; text-decoration:underline; color:#fff; z-index:3; cursor:pointer;}
    #Cmd_PreviousItem { position:absolute; left:0px; top:-20px; text-decoration:underline; color:#fff; z-index:3; cursor:pointer;}

    /* Generic Carousel Properties */
    .carousel { position:relative; clear:both; left:20px; margin-top:10px; 
        border:2px solid #555555; background-color:#333333;
    }
    .carousel .navButton {
        cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;
    }
    .carousel .container { position:absolute; overflow:hidden; }
    .carousel .items { position:absolute; }
    .carousel .item { position:relative;
        cursor:pointer;
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        -moz-opacity:0.7;
        opacity:0.7;
        list-style-type:none; margin:0px; 
    }
    .carousel .item.hover, .carousel .item.selected { 
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;    
    }

    /* Vertical Carousel */
    #Carousel { width:250px; height:200px;}
    #Carousel .container { left:8px; top:15px; width:291px; height:145px; }
        
    #Carousel .items { top:0; left:2px; }
    #Carousel .item { background-color:#ffffff; height:28px; margin-bottom:2px;  width:230px; }
    #Carousel .item.hover { background-color:#999999; }
    #Carousel .item.selected { background-color:#ffffff; }
    #Carousel .item .caption { position:absolute; left:35px; top:5px; width:135px; background-color:transparent; font-size:10px; }
    #Carousel .item .icon img { position:relative; left:5px; width:22px !important; height:22px; cursor:default; top:2px;}
    #Carousel .navButton { position:absolute; bottom:0px; width:122px; height:28px; }
    #Carousel .navButton.previous {  left:0px; background-image:url('images/interface/button.up.png');  }
    #Carousel .navButton.next { right:0px; background-image:url('images/interface/button.down.png'); }
    
    /* Hide data items from selector */
    #Carousel .item .email {display:none;} 

    /* Horizontal Carousel */
    #Carousel2 { height:88px; width:260px; }
    #Carousel2 .container { left:26px; top:12px; width:210px; height:100px; }        
    #Carousel2 .items { top:0; left:2px; width:1000px;}
    #Carousel2 .item { height:70px;  width:70px; float:left; clear:right; }
    #Carousel2 .item .icon img { position:relative; left:0px; width:65px !important; height:65px; cursor:pointer;}
    #Carousel2 .navButton { position:absolute; bottom:0px; width:24px; height:87px; }
    #Carousel2 .navButton.previous {  left:0px; background-image:url('images/interface/button.left.png'); }
    #Carousel2 .navButton.next { right:0px; background-image:url('images/interface/button.right.png'); }

    /* Hide data items from selector */
    #Carousel2 .item .key { display:none;}
    #Carousel2 .item .picture { display:none;}