/* @override http://localhost:3005/stylesheets/styleSheepAG7.css?1211742343 */

/* @override http://localhost:3005/stylesheets/styleSheepAG7.css?1211269641 */

/* @override http://www.avantage-ror.com/stylesheets/styleSheepAG7.css?1210183429 */

/* @override http://localhost:3000/stylesheets/styleSheepAG7.css?1209737836 */

/* @override http://localhost:3000/stylesheets/styleSheepAG7.css?1209464336 */

/* @override http://localhost:3000/stylesheets/styleSheepAG7.css?1209464336 */

/* @override http://www.avantagegraphique.net/_css/styleSheepAG7.css */

/* @override http://localhost:8888/ag7/_css/styleSheepAG7.css */

/* @override http://localhost:8888/ag7/_css/styleSheepAG7.css */

/* CSS Document */

/* @group default */

/* RESET  */ 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ins, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family:  helvetica, verdana, Arial, "MS Trebuchet", sans-serif;
  text-decoration:none;
  color: white;
  /*_vertical-align: baseline;*/
}

table { border-collapse: separate; border-spacing: 1px; }
caption, th, td { text-align: left; font-weight:400; }

input, select { font-size:10px; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }
hr { clear:both; visibility: hidden; height:10px; //height:0; _height:0; margin:0px; padding:0px; }
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
body { width:100%; height:100%; background-color:#1E0608;  }
/* #####  systheme ##### */
.notice, .error {
  color: white;
  margin-top:10px;
  padding: 5px;
}
.notice {
  background-color: #155a24;
  margin-bottom: 10px;
}
.error {
  background-color: #8F0100;
  margin-bottom: 10px;
}
/* ######### site ########### */s

#contentLYR {
  position:absolute;
  width:200px;
  height:115px;
  z-index:1;
  left: 200px;
  top: 200px;
}
#contener { margin:0 auto; width:966px; }
#shadowLeft, #shadowRight { width:53px;}
  #shadowLeft { background-image:url(/images/bgShadowL.png); }
  *html #shadowLeft { background-image:url(/images/bgShadowL.gif); }
  #shadowRight { background-image:url(/images/bgShadowR.png); }
  *html #shadowRight { background-image:url(/images/bgShadowR.gif); }

.smallTxt { font-size:70%; font-weight:normal; }
.colorTxt1 { color:#94625B; }
.colorTxt2 { color:#730009; }
.clearBoth { clear:both; }

#contenerPage { width:860px; border:solid #94625B 1px; padding-bottom:18px; border-top:none;
  background-color: #1E0608;
}
#header {
  min-height: 150px;
}
#descHead.smallTxt { margin:10px 0 0 95px;  width:725px; text-align:right; }
#descHead.smallTxt, #descHead.smallTxt a { color: #CC9595; }

#logoAG7 { margin:50px 0 0 80px; }
  #underLogo { position:absolute; margin: 0 0 0 210px; font-size:100%;
  top: 172px;
}
  #underLogo span { font-size:90%;  }
#descHead2 { position:absolute; color:#730009; width:510px; text-align:right; margin: 0 0 0 310px; top: 69px; line-height:14px;
}

#baseLigne { position:absolute; margin: 0 0 0 290px; width:528px; font-size:140%; font-weight:normal; text-align:right;
  top: 216px;
}
#menu { position:absolute; margin:60px 0 0 310px; letter-spacing:1px; color:#94625B; width:520px; height:28px; font-size:100%; border-top:solid #730009 2px;  }
#menu a:link, #menu a:visited { color:#94625B; }
#menu a:hover, #menu a:active { color:white; }

#icn_back {
  position: absolute; margin:60px 0 0 270px;
} 

#center{ height:600px; border:solid #1E0608 1px; }
#intro { width:255px; margin:150px 0 0 310px; }
p { font-size:80%; line-height:160%; color:#C9ABA4; }
span { font-size:130%; }
b { color:#C9ABA4; }

#imgIntro a:link img, #imgIntro a:visited img { border:solid white 3px; }
#imgIntro a:hover img, #imgIntro a:active img { border:solid #730009 3px; }
#imgIntro a { display:block; }
#imgIntro { margin:-160px 0 0 640px; height:194px; }
#imgIntro, #introMulti, #introImgMulti, #introImgEdit, #introImgPack, #introImgCont, #introSiteWeb { position:absolute; background-image:url(/images/bgShadowTop.gif); background-position:bottom; background-repeat:repeat-x; }

#center #votreSiteWeb { position:absolute; margin:15px 0 0 643px; text-align:center; font-size:18px; }
#center #votreSiteWeb div { padding:5px 0; width:180px;
  background-color: #730009;
}

#imgActivity { position:absolute; width:273px; height:523px; margin:-220px 0 0 34px; background-image:url(/images/imgActivity1.gif); background-repeat:no-repeat; }
#imgActivity div { position:absolute; height:253px; width:142px; padding-top:250px; background-image:url(/images/bgShadowTop.gif); background-position:bottom; background-repeat:repeat-x; }
#imgActivity div a:link img, #imgActivity div a:visited img { border-left:solid white 3px; border-right:solid white 3px; }
#imgActivity div a:hover img, #imgActivity div a:active img { border-left:solid #730009 3px; border-right:solid #730009 3px; }

#txtActivity { position:absolute; margin:70px 0 0 220px; width:380px; }
#centerEdit #txtActivity, #centerPack #txtActivity, #centerCont #txtActivity { position:absolute; margin:30px 0 0 310px; width:380px; }

.title { margin:0 35px 20px 304px; font-size:130%; border-top:solid #730009 2px; }

#lastWork { margin:5px 33px 15px 33px; }
  div.workDetail div.diaporama          { position:absolute; display:none; margin:26px 170px; background-color:#2A090B;  padding:5px 12px 5px 8px; font-size: 12px; }
    *+html div.workDetail div.diaporama { margin:26px -160px; background-color:#1E0608; }
  div.workDetail div.diaporama a:hover  { text-decoration: underline; }
  
  div.workDetail:hover div.diaporama,   
  div.workDetail:active div.diaporama   { display:block; _display:block; cursor:pointer; }
  
  div.workDetail cite:hover,            
  div.workDetail a div b:hover          { text-decoration:underline; cursor:pointer; }
    
    div.workDetail div b                { font-weight:normal; color:white; }
    div.workDetail cite                 { text-decoration:underline; _cursor:pointer; color:white; }
                                        
  div.workDetail a.diapo img            { display:block; float:left; margin:5px 15px 5px 5px; border: 3px solid #1E0608; }
  div.workDetail h5.workTitle           { display:block; font-size:21px; color:white; font-weight:normal; line-height:30px; }
  div.workDetail p.workTxt              { font-size:14px; color:#730009; }
  div.workDetail div.workDescript       {
    overflow: auto;
    height: 80px;
  }
  div.workDetail.pack div.workDescript       {
    overflow: auto;
    height: 130px;
  }
  div.workDetail p                      { line-height:16px; margin-bottom:8px; }

  div.workDetail .learnmore             { 
  margin-top: 10px; font-size: 10px;
  background-color: black;
  display: inline;
  padding: 5px;
}
  .learnMore2 b{
  font-size: 12px;
  padding: 5px 15px 5px 5px;
  margin-top: 25px;
  margin-left: 156px;
  background: black url(/images/fleche_red.png) no-repeat right center;
  float: none;
  position: absolute;
}
  div.workDetail .learnmore a:hover     { text-decoration: underline; }
  
  div.workDetail  { display:block; padding-right:15px; border:solid #1E0608 2px; border-bottom:solid #730009 2px; cursor:help; }

  div.workDetail a:visited, div.workDetail a:link { }
  
  //div.workDetail a:hover, div.workDetail a:active { border:solid #94625B 2px; background-color:#2A090B; _background-color:none; text-decoration:none;  }
  div.workDetail:hover, 
  div.workDetail:active { _background-color:none; text-decoration:none;  }  
  div.workDetail:hover a.diapo img,
  div.workDetail:active a.diapo  img { border:solid #1E0608 3px; }
  div.workDetail:hover h5.workTitle, 
  div.workDetail:active h5.workTitle { color:#730009; }
  div.workDetail:hover p.workTxt, 
  div.workDetail:active p.workTxt { color:white; }
  

/* fiche rea */
#fiche_rea { margin-top: 110px; padding: 40px; }
#fiche-photos-rea { float: left; width: 255px; margin-right: 15px; border-right: solid 1px #730009; }
#fiche-photos-rea a.diapo img { margin-bottom: 10px; }


.fiche_rea_workDetail            {  }
.fiche_rea_workDetail .workTitle { font-size: 29px; }
.fiche_rea_workDetail .redCloth  { margin-top: 30px; }
/* 
################################
#           redCloth              #
################################
*/  
div.workDescript ol,
div.workDescript ul,
div.workDescript li,
div.workDescript i,
div.workDescript em,
div.workDescript cite,
div.workDescript {
  color: #94625B;
}

div.workDescript {
  font-size: 12px;
}
div.workDescript p                  { margin: 7px 0; font-size: 12px; }
div.workDescript a                  { text-decoration: underline; }
div.workDescriptth a:hover            { color: #FFA500; }
div.workDescript ol,
div.workDescript ul                 { margin: 4px 0 4px 0; list-style-type: square; list-style-position: inside;
}
div.workDescript i,
div.workDescript em                 { font-style: italic; }
div.workDescript cite               { font-style: italic; font-weight: bold; }

div.workDescript img                { border: solid 1px #303030; float:left; margin-right: 15px; max-width: 200px; max-height: 200px; }

div.workDescript table              { width: 100%; border:none; margin-top: 12px; }
div.workDescript tr           { padding: 3px; }
div.workDescript th           { font-size: 13px; font-weight: bold; } 
div.workDescript td,
div.workDescript th           {  border-bottom: solid 1px #999;  }
  
.separation { clear:both; margin:0px; visibility:hidden;
  width: 1px;
  border-style: none;
}

#footer { width:966px; height:53px; background-image:url(/images/bgShadowfooter.png); }
*html #footer  { background-image:url(/images/bgShadowfooter.gif); }
  #footer p { text-align:center; }
  #footer p a { text-decoration:none; font-size:11px; }

#hautdepage {
  /*border:#00FF33 1px solid;*/
  background-color:#730009;
  bottom:0pt;
  height:23px;
  margin:0 10px 0 0;
  padding:0pt;
  position:fixed;
  right:0pt;
  text-align:center;
  width:110px;
  z-index:5000;
}
#hautdepage a {
  /*border:#00FF33 1px solid;*/
  color:white;
  font-size:11px;
  font-weight:bold;
  line-height:2.0;
  text-decoration:none;
}
#hautdepage p { font-family:Arial, Helvetica, sans-serif; color:white; font-size-adjust:11px; }
/* @end */

/* @group MULTIMEDIA */

/**********************************************************
 MULTIMEDIA
*********************************************************/

#introMulti { margin:-160px 0 0 640px; height:253px; }
#introMulti a:link img, #introMulti a:visited img { border:solid #730009 3px; }
#introMulti a:hover img, #introMulti a:active img { border:solid #94625B 3px; }

#votreSiteWeb { position:absolute; margin:80px 0 0 643px; text-align:center; font-size:18px; }
#votreSiteWeb div { background-color:#730009; padding:3px 0; width:161px; }

#imgMulti { position:absolute; width:273px; height:523px; margin:-220px 0 0 34px; background-image:url(/images/imgMulti3.gif); background-repeat:no-repeat; }
#imgMulti div { position:absolute; height:250px; width:122px; padding-top:251px; background-image:url(/images/bgShadowTop.gif); background-position:bottom; background-repeat:repeat-x; }
#imgMulti div img { border-top:solid white 1px; }

#centerMulti { height:565px; border:solid #1E0608 1px; }

/* @end */

/* @group site-internet */

/********************
  site-internet
*********************/
    #introSiteWeb { margin:-100px 0 0 640px; height:253px; }
    #introSiteWeb a:link img, #introSiteWeb a:visited img { border:solid #730009 3px; }
    #introSiteWeb a:hover img, #introSiteWeb a:active img { border:solid #94625B 3px; }
    
    #imgSiteWeb { position:absolute; width:273px; height:523px; margin:-200px 0 0 34px; background-image:url(/images/imgEdit1.gif); background-repeat:no-repeat; }
    #imgSiteWeb div { position:absolute; height:250px; width:122px; padding-top:251px;  background-image:url(/images/bgShadowTop.gif); background-position:bottom; background-repeat:repeat-x;}
    #imgSiteWeb div img { border-top:solid white 1px; }
    
    
    #centerSiteWeb #txtpack { position:absolute; margin:85px 0 0 160px; width:500px; text-align:center; }
    #centerSiteWeb { height:650px; border:solid #1E0608 1px; }
    #centerSiteWeb a { text-decoration:none; }
    #centerSiteWeb a.pack img { border:solid #1E0608 3px; padding-bottom: 20px; }
    //#centerSiteWeb a:hover img, #centerSiteWeb a:active.pack  img{ border:solid #730009 3px; }

/* @end */

/* @group EDITION */

/**********************************************************
  EDITION
*********************************************************/
#introImgEdit{ margin:-170px 0 0 700px; height:243px; }
#introImgEdit a:link img, #introImgEdit a:visited img { border:solid #730009 3px; }
#introImgEdit a:hover img, #introImgEdit a:active img { border:solid #94625B 3px; }

#introEdit { width:385px; margin:150px 0 0 310px; }

#imgEdit { position:absolute; width:273px; height:523px; margin:-250px 0 0 34px; background-image:url(/images/imgEdit1.gif); background-repeat:no-repeat; }
#imgEdit div { position:absolute; height:270px; width:201px; padding-top:251px; background-image:url(/images/bgShadowTop.gif); background-position:bottom; background-repeat:repeat-x; }
#imgEdit div img { border-top:solid white 1px; }

#centerEdit { height:540px; border:solid #1E0608 1px; }

/* @end */

/* @group PACKAGING */

/**********************************************************
 PACKAGING
*********************************************************/

#introImgPack { margin:-105px 0 0 720px; height:205px; }
#introImgPack a:link img, #introImgPack a:visited img { border:solid #730009 3px; }
#introImgPack a:hover img, #introImgPack a:active img { border:solid #94625B 3px; }
#introPack { width:385px; margin:150px 0 0 310px; }

#imgPack { position:absolute; width:273px; height:523px; margin:-250px 0 0 34px; background-image:url(/images/imgPack1.gif); background-repeat:no-repeat; }
#imgPack div { position:absolute; height:268px; width:195px; padding-top:251px; background-image:url(/images/bgShadowTop.gif); background-position:bottom; background-repeat:repeat-x; }
#imgPack div img { border-top:solid white 1px; }

#centerPack { height:490px; border:solid #1E0608 1px; }

#centerPack.solution { height: 900px; }
#centerPack.solution p { margin-bottom: 1em; }
#centerPack.solution h1 { font-size: 23px; color: #730009; }
/* @end */


/* @group CONTACT */

/**********************************************************
 CONTACT
*********************************************************/

#introImgCont { margin:-105px 0 0 720px; height:205px; }
#introImgCont a:link img, #introImgCont a:visited img { border:solid #730009 3px; }
#introImgCont a:hover img, #introImgCont a:active img { border:solid #94625B 3px; }
#introCont { width:385px; margin:150px 0 0 310px; }

#introCont { position:absolute; width:273px; height:523px; margin:-250px 0 0 34px; background-image:url(/images/imgEdit1.gif); background-repeat:no-repeat; }
#introCont div { position:absolute; height:218px; width:187px; padding-top:251px; background-image:url(/images/bgShadowTop.gif); background-position:bottom; background-repeat:repeat-x; }
#introCont div img { border-top:solid white 1px; }

#centerCont { height:355px; border:solid #1E0608 1px; }

#formCont { margin-left:310px; }

label {
  color:#FFFFFF;
  display:block;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  margin: 0 0 12px;
}

legend {
  font-size: 12px;
  display: inline;
}
input.inputContact, textarea {
  Background-color:#DBC2BE;
  border:1px solid #BF9B96;
  color:black;
  display:block;
  font-family:Arial,Helvetica,sans-serif,courier,monospace;
  font-size:12px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:12px;
  margin: 1px 0;
  padding-left:5px;
  width:480px;
}
input.inputContact:focus, textarea:focus { Background-color:white; border:1px solid #730009; }
input.inputContact:hover, textarea:hover { border:1px solid white; }
input.submit {
  font-family:Arial,Helvetica,sans-serif,courier,monospace;
  font-size:12px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:12px;
  padding:2px 5px;
  color:#1E0608;
}
.errorMessage {
  background-color: red;
  font-size: 12px;
  padding: 1px 5px;
  display: inline;
  width: 477px;
}
/* @end */

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 17; /* modified */
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #360B0C;
	z-index: 19; /* modified */
}

.lbLoading {
	background: #fff url(/images/_box/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #360B0C;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
	background: transparent url(/images/_box/prev.gif) no-repeat 0% 100%;
}

#lbPrevLink:hover {
	background: transparent url(/images/_box/prevlabel.gif) no-repeat 0% 100%;
}

#lbNextLink {
	right: 0;
	background: transparent url(/images/_box/next.gif) no-repeat 100% 100%;
}

#lbNextLink:hover {
	background: transparent url(/images/_box/nextlabel.gif) no-repeat 100% 100%;
}

#lbBottom {
	background-color: #360B0C;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #202020;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #360B0C;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/_box/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	font-size: 11px;
	color: white;
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* 
################################
#           redCloth              #
################################
*/  
.fiche_rea_workDetail .redCloth { color:white; }

.redCloth, .redCloth p       { font-size: 12px; }
.redCloth                    { line-height: 15px; margin-top: 5px; }

.redCloth p                  { margin: 7px 0; }

.help-redCloth a,
.redCloth a                  { text-decoration: underline; }

.help-redCloth a:hover,
.redCloth a:hover            { color: #255C6D; }

.help-redCloth ol,
.redCloth ol,
.help-redCloth ul,
.redCloth ul                 { margin: 4px 0 4px 16px; }

.redCloth ul li              { margin-bottom: 5px;
	list-style-position: inside;
	list-style-type: square;
}

.help-redCloth i,
.redCloth i,
.help-redCloth em,
.redCloth em                 { font-style: italic; }

.help-redCloth cite,
.redCloth cite               { font-style: italic; font-weight: bold; }

.redCloth img                { border: solid 1px #303030; float:left; margin-right: 15px; max-width: 200px; max-height: 200px; }

.help-redCloth table,
.redCloth table              { width: 100%; border:none; margin-top: 12px; }
.help-redCloth table tr,
.redCloth table tr           { padding: 3px; }
.help-redCloth table th,
.redCloth table th           { font-size: 13px; font-weight: bold; } 
.help-redCloth table td,
.redCloth table td,
.help-redCloth table th,
.redCloth table th           {  border-bottom: solid 1px #999;  }

div.help-redCloth {
  font-size: 11px; 
  color: #1D4A25;
  background-color: white;
  margin: 15px 0 5px 0;
  padding: 10px;
}